:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#2c2840;background:#f3f1f7;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f3f1f7;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--panel-soft: rgba(246, 243, 251, .92);--ink: #2c2840;--muted: #77728a;--line: rgba(69, 59, 103, .15);--lavender: #836ddd;--lavender-strong: #6652bc;--lavender-soft: #ece7ff;--green: #65c69a;--shadow: 0 22px 55px rgba(51, 40, 83, .12)}:root[data-theme=night]{color:#f2efff;background:#17151f;--background: #17151f;--panel: rgba(31, 28, 41, .94);--panel-strong: #24202f;--panel-soft: rgba(39, 35, 50, .94);--ink: #f2efff;--muted: #aaa4bd;--line: rgba(217, 208, 255, .15);--lavender: #a78df4;--lavender-strong: #8d73e1;--lavender-soft: #342b4e;--green: #6acb9b;--shadow: 0 24px 65px rgba(4, 3, 9, .4)}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--ink)}button,input,textarea,select{font:inherit}button{color:inherit}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(167,141,244,.28);outline-offset:2px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 5%,rgba(135,111,223,.14),transparent 22rem),radial-gradient(circle at 12% 45%,rgba(90,164,216,.08),transparent 24rem),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,100% 48px}.app-shell{position:relative;width:min(100%,760px);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 8px) 20px calc(env(safe-area-inset-bottom) + 112px)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px;padding:12px 20px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(22px)}.brand{min-width:0;display:flex;align-items:center;gap:12px;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.brand img{width:54px;height:54px;border-radius:15px;box-shadow:0 12px 30px #0d091b3d}.brand span{min-width:0;display:grid;gap:2px}.brand strong{font-size:1.08rem;line-height:1.15}.brand small{color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel-soft);cursor:pointer;font-size:1.15rem}.status-orb i{width:15px;height:15px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px #65c69a26,0 0 18px #65c69a8c}.spark-button{color:#c8b8ff}.theme-button{font-size:1.28rem!important}.home-view,.page-view,.reader-screen{position:relative;z-index:1}.welcome-block{padding:46px 10px 24px}.welcome-block>span,.page-heading>span,.section-heading span,.source-card span,.codex-heading span,.settings-card>span,.reply-composer-heading span{color:var(--lavender);font-size:.72rem;font-weight:900;letter-spacing:.12em}.welcome-block h1,.page-heading h1{margin:16px 0 12px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,8vw,3rem);line-height:1.18;letter-spacing:-.025em}.welcome-block p,.page-heading p{margin:0;color:var(--muted);line-height:1.7}.welcome-stats{display:flex;gap:10px;margin-top:24px}.welcome-stats span{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#ffffff08;color:var(--muted);font-size:.86rem}.welcome-stats b{color:var(--lavender)}.codex-welcome{position:relative;overflow:hidden;border:1px solid rgba(167,141,244,.45);border-radius:24px;padding:22px;background:radial-gradient(circle at 100% 0%,rgba(167,141,244,.15),transparent 34%),linear-gradient(140deg,#7e66c524,#3e35580d);box-shadow:var(--shadow)}.codex-welcome:after{content:">_";position:absolute;right:18px;bottom:116px;color:#b49eff2e;font-family:ui-monospace,monospace;font-size:3.2rem;font-weight:900;transform:rotate(8deg)}.codex-heading{display:flex;align-items:center;justify-content:space-between}.codex-heading button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;cursor:pointer}.codex-welcome>p{margin:18px 0 10px;max-width:88%;font-family:Georgia,"Noto Serif SC",serif;font-size:1.25rem;line-height:1.65;font-weight:700}.codex-welcome>small{color:var(--muted)}.codex-stats{display:flex;gap:8px;margin:18px 0}.codex-stats span{border-radius:999px;padding:7px 10px;background:var(--lavender-soft);color:var(--muted);font-size:.78rem}.codex-stats b{color:var(--lavender)}.level-button{width:100%;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(167,141,244,.36);border-radius:17px;padding:12px;background:#ffffff09;cursor:pointer;text-align:left}.level-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#b7a6ff,#7564d4);color:#1d1830;font-size:1.35rem;box-shadow:inset 0 0 0 4px #ffffff47}.level-button>span:nth-child(2){display:grid;gap:3px}.level-button small{color:var(--muted)}.level-button i{color:var(--lavender);font-size:1.6rem;font-style:normal}.scope-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0 18px}.scope-tabs button{border:0;border-radius:13px;padding:13px 8px;background:transparent;cursor:pointer;color:var(--muted);font-weight:800}.scope-tabs button.active{background:var(--lavender-soft);color:var(--lavender)}.source-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed rgba(101,198,154,.55);border-radius:18px;padding:17px;background:#3f7e6714}.source-card>div{min-width:0;display:grid;gap:5px}.source-card span{color:#78d9ae}.source-card strong{font-size:1.02rem}.source-card small{color:var(--muted);line-height:1.5}.source-card button,.empty-state button,.settings-card button,.category-form button,.category-card button,.reply-composer-actions button{border:0;border-radius:13px;padding:10px 14px;background:var(--lavender);color:#fff;cursor:pointer;font-weight:850}.source-card button{flex:0 0 auto}.search-box{display:flex;align-items:center;gap:12px;margin-top:24px;border:1px solid var(--line);border-radius:17px;padding:14px 16px;background:var(--panel);box-shadow:0 14px 35px #00000014}.search-box span{color:var(--muted);font-size:1.25rem}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-box input::placeholder,textarea::placeholder,.category-form input::placeholder{color:var(--muted)}.filter-strip{display:grid;gap:9px;margin-top:15px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-row button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--panel-soft);cursor:pointer;color:var(--muted);font-size:.8rem;font-weight:750}.chip-row button.active{border-color:transparent;background:var(--lavender);color:#fff;box-shadow:0 9px 22px #7155c533}.chip-row.categories button.active{background:#d98ec2}.chip-row.standalone{margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 3px 14px}.section-heading h2{margin:5px 0 0;font-size:1.42rem}.section-heading>b{color:var(--muted);font-size:.86rem}.letter-list,.reply-list{display:grid;gap:12px}.letter-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 15px 38px #00000014}.letter-open{width:100%;border:0;padding:18px 48px 18px 18px;background:transparent;text-align:left;cursor:pointer}.letter-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.letter-topline time,.reply-meta time{color:var(--muted);font-size:.73rem}.badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.type-badge,.category-badge{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:900;line-height:1}.type-badge{background:#40384f;color:#ddd5e8}.type-badge.task{background:#2f4356;color:#c7e2f6}.type-badge.conversation{background:#403a61;color:#ddd2ff}.type-badge.reply{background:#56394a;color:#ffd1e3}.category-badge{background:var(--lavender-soft);color:var(--lavender)}:root[data-theme=day] .type-badge{background:#eee9f0;color:#61586b}:root[data-theme=day] .type-badge.task{background:#e2edf7;color:#3c5c76}:root[data-theme=day] .type-badge.conversation{background:#e9e5fb;color:#62578e}:root[data-theme=day] .type-badge.reply{background:#f5e1e9;color:#834c64}.letter-card h3{margin:16px 0 8px;font-size:1.08rem}.letter-card p{margin:0;color:var(--muted);line-height:1.6}.letter-card small{display:block;margin-top:13px;color:var(--muted)}.letter-star{position:absolute;top:50%;right:14px;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:var(--panel-soft);color:var(--lavender);cursor:pointer;font-size:1.2rem}.page-view{padding:42px 0 10px}.page-heading{padding:0 7px 24px}.page-heading h1{margin-bottom:9px}.empty-state{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed var(--line);border-radius:22px;padding:30px;background:#ffffff05}.empty-state.compact{min-height:210px}.empty-state>span{color:var(--lavender);font-size:2.7rem}.empty-state h2,.empty-state strong{margin:13px 0 7px}.empty-state p{margin:0 0 18px;color:var(--muted)}.empty-state.compact button{margin-top:16px}.reply-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel);box-shadow:0 14px 34px #00000012}.reply-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.reply-card h3{margin:14px 0 8px}.reply-card p{margin:0;white-space:pre-wrap;line-height:1.7}.reply-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}select{border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:var(--panel-soft);color:var(--ink)}.category-form{display:flex;gap:9px;margin-bottom:18px}.category-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:var(--panel);color:var(--ink);outline:none}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{position:relative;min-height:180px;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--panel);box-shadow:0 14px 34px #00000012}.category-card>span{color:var(--lavender);font-size:1.6rem}.category-card h2{margin:13px 0 6px;font-size:1.2rem}.category-card p{margin:0 0 18px;color:var(--muted);font-size:.82rem}.category-card button{padding:8px 10px;font-size:.78rem}.category-card .delete-category{margin-left:6px;background:transparent;color:#d58da2;border:1px solid rgba(213,141,162,.32)}.settings-card{margin-bottom:14px;border:1px solid var(--line);border-radius:22px;padding:20px;background:var(--panel);box-shadow:0 14px 34px #00000012}.settings-card.privacy{background:linear-gradient(140deg,#5f99d52e,#a78df41c)}.settings-card>span{color:var(--green)}.settings-card h2{margin:12px 0 8px;font-size:1.18rem}.settings-card p{margin:0 0 16px;color:var(--muted);line-height:1.7}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-card button{background:transparent;border:1px solid var(--line);color:var(--ink)}.reader-screen{padding:28px 0 12px}.reader-back{border:0;padding:8px 2px;background:transparent;color:var(--lavender);cursor:pointer;font-weight:800}.reader-card{margin-top:14px;border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--panel);box-shadow:var(--shadow)}.reader-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-star{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel-soft);color:var(--lavender);cursor:pointer;font-size:1.25rem}.reader-sender{margin:18px 0 8px;color:var(--muted);font-size:.8rem}.reader-card>h1{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.35}.reader-body{position:relative;min-height:390px;margin:24px 0;border:1px solid var(--line);border-radius:18px;padding:28px 24px 120px;background:color-mix(in srgb,var(--panel-strong) 94%,#fff 6%);font-family:Georgia,"Noto Serif SC",serif;font-size:1.04rem;line-height:2}.reader-body>p:first-child{margin:0}.signature{position:absolute;right:26px;bottom:55px;margin:0;text-align:right;color:var(--muted)}.signature strong{color:var(--ink)}.signature-mark{position:absolute;right:28px;bottom:12px;color:var(--lavender);font-family:ui-monospace,monospace;font-size:2rem;font-weight:900}.reader-category{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.82rem}.reply-composer{display:grid;gap:12px;margin-top:26px;border-top:1px solid var(--line);padding-top:24px}.reply-composer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reply-composer-heading>div{display:grid;gap:4px}.reply-composer textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--panel-soft);color:var(--ink);outline:none;line-height:1.65}.reply-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-navigation{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;margin-top:14px}.reader-navigation button{border:1px solid var(--line);border-radius:15px;padding:11px 7px;background:var(--panel);cursor:pointer}.reader-navigation button:nth-child(2){border-color:#a78df473;color:var(--lavender)}.reader-navigation button:disabled{opacity:.35;cursor:default}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(calc(100% - 40px),720px);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;transform:translate(-50%);border:1px solid rgba(214,205,249,.55);border-radius:18px;background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:blur(24px);box-shadow:0 18px 55px #00000059}.bottom-nav button{min-height:64px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;font-weight:850}.bottom-nav button:last-child{border-right:0}.bottom-nav button.active{background:var(--lavender);color:#fff}.bottom-nav b{display:grid;min-width:23px;height:23px;place-items:center;border-radius:999px;background:#ffffff1a;font-size:.72rem}.bottom-nav button.active b{background:#ffffff2e}@media(min-width:760px){.app-shell{padding-left:28px;padding-right:28px}.topbar{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.letter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.app-shell{padding-left:16px;padding-right:16px}.topbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.brand img{width:48px;height:48px}.brand strong{font-size:1rem}.brand small{font-size:.58rem}.top-actions{gap:6px}.top-actions button{width:42px;height:42px}.welcome-block{padding-left:4px;padding-right:4px}.codex-welcome{padding:19px}.codex-welcome>p{max-width:100%}.source-card{align-items:flex-start;flex-direction:column}.source-card button{align-self:stretch}.category-grid{grid-template-columns:1fr}.reader-card{padding:17px}.reader-body{padding:24px 19px 120px}.reader-category,.reply-composer-heading,.reply-composer-actions{align-items:stretch;flex-direction:column}.reply-composer-actions button,.reply-composer-actions select{width:100%}.bottom-nav{width:calc(100% - 24px)}.bottom-nav button{min-height:61px;gap:5px;font-size:.9rem}}:root{--site-radius-lg: 24px;--site-radius-md: 17px;--site-glow: 0 20px 60px rgba(82, 61, 137, .14)}:root[data-theme=night]{--site-glow: 0 22px 68px rgba(3, 2, 10, .42)}body{overflow-x:hidden}body:before{opacity:.82}.app-shell{width:min(100%,720px)}.topbar{min-height:74px;padding-top:10px;padding-bottom:10px;box-shadow:0 10px 30px #00000009}.brand{gap:10px}.brand img{width:48px;height:48px;border-radius:14px}.brand strong{font-size:0}.brand strong:after{content:"信笺小屋";font-size:1.02rem;letter-spacing:-.01em}.brand small{font-size:0}.brand small:after{content:"nono.love · local-first";color:var(--muted);font-size:.64rem;font-weight:750;letter-spacing:.09em;text-transform:none}.top-actions button{width:41px;height:41px;background:color-mix(in srgb,var(--panel-soft) 84%,transparent);transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.top-actions button:active{transform:scale(.94)}.welcome-block{padding:38px 7px 22px}.welcome-block>span{font-size:0}.welcome-block>span:after{content:"WELCOME HOME";color:var(--lavender);font-size:.7rem;font-weight:900;letter-spacing:.16em}.welcome-block h1{margin-top:14px;font-size:clamp(2rem,8.2vw,2.82rem)}.welcome-block>p{font-size:0}.welcome-block>p:after{content:"把值得留下的来信、想法和回信，安静地收在这里。";color:var(--muted);font-size:.98rem;line-height:1.72}.welcome-stats{margin-top:20px}.welcome-stats span{padding:8px 13px;background:color-mix(in srgb,var(--panel) 58%,transparent)}codex-companion{margin-top:18px}.oss-codex-companion{min-height:178px;grid-template-columns:minmax(0,1fr) 176px;border-radius:var(--site-radius-lg);box-shadow:var(--site-glow)}.oss-codex-copy{padding:21px 13px 21px 22px}.oss-codex-copy strong{margin-top:11px}.oss-codex-copy p{margin:8px 0 14px}.oss-codex-portrait{width:176px;min-height:178px}.oss-codex-pet-stage{right:-1px;width:168px}.oss-codex-actions button{min-height:38px;border-radius:12px}.scope-tabs{margin-top:22px;padding:4px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 58%,transparent)}.scope-tabs button{border-radius:12px;padding:11px 7px}.source-card{border-style:solid;border-color:color-mix(in srgb,var(--green) 34%,var(--line));border-radius:var(--site-radius-md);padding:15px 16px;box-shadow:0 12px 30px #00000009}.source-card span{font-size:0}.source-card span:after{content:"LOCAL STORAGE";color:#78d9ae;font-size:.68rem;font-weight:900;letter-spacing:.13em}.source-card strong{font-size:0}.source-card strong:after{content:"本机信柜 · 随设备保存";font-size:.98rem}.source-card small{font-size:0}.source-card small:after{content:"收藏、分类与回信留在当前浏览器；需要时可以自己导入或带走备份。";color:var(--muted);font-size:.78rem;line-height:1.55}.search-box{margin-top:20px;border-radius:var(--site-radius-md);box-shadow:0 12px 30px #0000000e}.filter-strip{margin-top:13px}.chip-row{padding:1px 1px 5px}.chip-row button{padding:7px 11px}.section-heading{margin-top:26px}.letter-card,.reply-card,.category-card,.settings-card,.reader-card{box-shadow:0 14px 38px #0000000e}.letter-card{border-radius:19px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.letter-card:active{transform:scale(.992)}.letter-open{padding-top:17px;padding-bottom:17px}.page-view{padding-top:34px}.page-heading{padding-bottom:20px}.reader-screen{padding-top:22px}.reader-card{border-radius:var(--site-radius-lg)}.reader-body{border-radius:17px}.bottom-nav{bottom:calc(env(safe-area-inset-bottom) + 10px);width:min(calc(100% - 28px),680px);border-color:color-mix(in srgb,var(--lavender) 26%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--background) 83%,transparent);box-shadow:0 18px 50px #00000052}.bottom-nav button{min-height:60px;font-size:.9rem}.bottom-nav button.active{background:linear-gradient(145deg,var(--lavender),var(--lavender-strong))}@media(hover:hover){.letter-card:hover,.reply-card:hover,.category-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--lavender) 30%,var(--line));box-shadow:var(--site-glow)}}@media(max-width:540px){.app-shell{padding-left:14px;padding-right:14px;padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}.topbar{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.brand img{width:44px;height:44px}.brand strong:after{font-size:.96rem}.brand small:after{font-size:.57rem}.top-actions{gap:5px}.top-actions button{width:38px;height:38px}.welcome-block{padding-top:31px}.welcome-block h1{font-size:clamp(2rem,10vw,2.55rem)}.oss-codex-companion{min-height:170px;grid-template-columns:minmax(0,1fr) 158px}.oss-codex-copy{padding:18px 10px 18px 17px}.oss-codex-copy strong{font-size:1.02rem}.oss-codex-copy p{min-height:0;font-size:.84rem;line-height:1.52}.oss-codex-status{font-size:.63rem}.oss-codex-actions{gap:6px}.oss-codex-actions button{min-height:35px;padding:7px 9px;font-size:.74rem}.oss-codex-portrait{width:158px;min-height:170px}.oss-codex-pet-stage{right:-7px;bottom:2px;width:158px}.source-card{gap:12px}.bottom-nav{width:calc(100% - 18px);border-radius:20px}.bottom-nav button{min-height:58px;gap:4px;font-size:.86rem}.bottom-nav b{min-width:21px;height:21px}}@media(max-width:380px){.brand small:after{content:"nono.love"}.top-actions button{width:36px;height:36px}.oss-codex-companion{grid-template-columns:minmax(0,1fr) 142px}.oss-codex-portrait{width:142px}.oss-codex-pet-stage{width:148px}}