:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f1e8;--paper:#fffaf0;--paper-deep:#efe3d1;--ink:#26302f;--muted:#6d7068;--line:#ddd0bc;--red:#b34d48;--red-dark:#873633;--green:#507468;--blue:#314f6a;--gold:#b98235;--shadow:0 22px 70px #41332229;--radius:8px;--surface:#fffaf0d1;--surface-solid:#fffdf7;--surface-soft:#fffaf0bd;--surface-hover:#fffaf0d6;--surface-control:#fffaf0c7;--surface-muted:#26302f0f;--surface-muted-soft:#26302f0d;--tag-bg:#efe3d1c7;--panel-border:#ddd0bcdb;--action-bg:var(--ink);--action-fg:#fffaf0;--button-shadow:0 12px 26px #26302f2e;--panel-shadow:0 16px 46px #41332214;--paper-shadow:0 18px 40px #4133222e;--envelope-shadow:0 18px 40px #41332238;--photo-shadow:0 12px 22px #26302f38;--stage-bg:linear-gradient(135deg, #5074681f, transparent 48%), linear-gradient(45deg, #b34d4824, #fffaf099);--stage-frame:#fffaf0a6;--postmark-border:#314f6a73;--postmark-color:#314f6ab3;--paper-line-bg:#4133221f;--envelope-bg:#e7d4bb;--flap-bg:linear-gradient(145deg, transparent 49%, #d1b792 50% 100%);--stamp-border:#314f6a73;--stamp-bg:#f5ead8;--photo-strip-bg:#26302f;--photo-thumb-bg:linear-gradient(135deg, #ffffff4d, transparent), linear-gradient(145deg, #b98235, #507468);--mailbox-slot-bg:#fffaf0d9;--mailbox-door-border:#fffaf080;--mailbox-post-bg:#8e6d4a;--modal-backdrop-bg:#26302f6b;--button-hover-border:#50746885;--focus-ring:#50746826;--page-bg-tint:linear-gradient(#f6f1e8, #f6f1e8);--page-bg-lines:repeating-linear-gradient(90deg, #785d3a0f 0 1px, transparent 1px 18px);--page-bg:var(--page-bg-tint), var(--page-bg-lines);--topbar-bg:#f6f1e8db;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191c1b;--paper:#232724;--paper-deep:#30362f;--ink:#f4eddf;--muted:#bdb4a7;--line:#f4eddf2e;--red:#d47770;--red-dark:#f0b1a9;--green:#83aa92;--blue:#94b7cf;--gold:#d9ac65;--shadow:0 22px 70px #0000006b;--surface:#232724d1;--surface-solid:#242923;--surface-soft:#282d29bd;--surface-hover:#313731d6;--surface-control:#2a2f2bdb;--surface-muted:#f4eddf12;--surface-muted-soft:#f4eddf0d;--tag-bg:#f4eddf17;--panel-border:#f4eddf24;--action-bg:var(--gold);--action-fg:#171915;--button-shadow:0 14px 30px #00000047;--panel-shadow:0 18px 48px #00000038;--paper-shadow:0 18px 40px #00000042;--envelope-shadow:0 18px 40px #00000047;--photo-shadow:0 12px 22px #0000004d;--stage-bg:linear-gradient(135deg, #83aa9229, transparent 50%), linear-gradient(45deg, #d477701f, #232724b8);--stage-frame:#f4eddf2e;--postmark-border:#94b7cf73;--postmark-color:#aecce0c7;--paper-line-bg:#f4eddf24;--envelope-bg:#363329;--flap-bg:linear-gradient(145deg, transparent 49%, #4a4233 50% 100%);--stamp-border:#94b7cf73;--stamp-bg:#2b302c;--photo-strip-bg:#111514;--photo-thumb-bg:linear-gradient(135deg, #fff3, transparent), linear-gradient(145deg, #d9ac65, #83aa92);--mailbox-slot-bg:#f4eddf73;--mailbox-door-border:#f4eddf4d;--mailbox-post-bg:#5f5140;--modal-backdrop-bg:#0000009e;--button-hover-border:#d9ac657a;--focus-ring:#d9ac652e;--page-bg-tint:linear-gradient(#191c1b, #191c1b);--page-bg-lines:none;--topbar-bg:#191c1be6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(92px + var(--safe-top));background-color:var(--bg)}body{background-color:var(--bg);min-width:320px;min-height:100svh;color:var(--ink);margin:0;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#root{background-color:var(--bg);min-height:100svh}.app-page{background-color:var(--bg);background-image:var(--page-bg);min-height:100svh}main{flex-direction:column;display:flex}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,100% - 32px);padding-right:var(--safe-right);padding-left:var(--safe-left);margin:0 auto}.browser-chrome-fill{z-index:60;height:var(--safe-top);background:var(--bg);pointer-events:none;position:fixed;top:0;left:0;right:0}.topbar{z-index:10;isolation:isolate;min-height:74px;padding:calc(14px + var(--safe-top)) 0 14px;background:var(--bg);align-items:center;gap:18px;display:flex;position:sticky;top:0}.topbar:before{content:"";z-index:-1;background:var(--bg);pointer-events:none;position:absolute;inset:0 calc(50% - 50vw)}@media (width>=641px){.topbar:before{background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px)}}.brand{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.brand-mark{background:var(--red);color:#fff8ea;border:1px solid #87363352;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{line-height:1.1;display:block}.brand small{color:var(--muted);margin-top:4px;font-size:12px}.topnav{align-items:center;gap:8px;margin-left:auto;display:flex}.topnav a{color:var(--muted);border-radius:999px;padding:9px 12px;font-size:14px}.topnav a:hover{background:var(--surface-hover);color:var(--ink)}.icon-button{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--button-hover-border)}.hero-section{order:0;grid-template-columns:minmax(0,1fr) minmax(280px,.54fr);align-items:center;gap:26px;min-height:auto;padding:24px 0 16px;display:grid}.hero-copy{max-width:720px}.eyebrow{color:var(--red-dark);letter-spacing:0;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:14px;font-size:clamp(34px,5vw,58px);line-height:1.02}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(28px,4vw,48px);line-height:1.05}h3{margin-bottom:8px;font-size:18px}.hero-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.primary-action,.secondary-action,.submit-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action,.submit-button{background:var(--action-bg);color:var(--action-fg);box-shadow:var(--button-shadow)}.secondary-action,.secondary-button{background:var(--surface-control);border-color:var(--line);color:var(--ink)}.compact{min-height:40px;padding:0 16px;font-size:14px}.letter-stage{background:var(--stage-bg);min-height:286px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.letter-stage:before{content:"";border:1px solid var(--stage-frame);position:absolute;inset:24px}.floating-postmark{border:2px solid var(--postmark-border);color:var(--postmark-color);border-radius:50%;padding:10px 14px;font-size:12px;font-weight:900;position:absolute;top:24px;right:22px;transform:rotate(10deg)}.paper-stack{width:min(74%,380px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.letter-paper{background:var(--paper);height:218px;box-shadow:var(--paper-shadow);padding:36px 30px;position:relative}.letter-paper:before{content:"";border:1px solid var(--line);position:absolute;inset:18px}.paper-line{background:var(--paper-line-bg);height:12px;margin:16px 0;position:relative}.paper-line.short{width:42%}.paper-line.medium{width:70%}.wax-seal{background:radial-gradient(circle at 35% 30%, #d37469, var(--red-dark) 64%);border-radius:50%;width:48px;height:48px;position:absolute;bottom:34px;right:36px;box-shadow:0 10px 18px #87363342}.envelope{background:var(--envelope-bg);height:126px;box-shadow:var(--envelope-shadow);position:absolute;bottom:-48px;left:10%;right:-5%;transform:rotate(7deg)}.flap{background:var(--flap-bg);position:absolute;inset:0}.stamp{border:2px dashed var(--stamp-border);background:var(--stamp-bg);width:38px;height:46px;position:absolute;top:18px;right:22px}.photo-strip{z-index:2;background:var(--photo-strip-bg);box-shadow:var(--photo-shadow);gap:7px;padding:8px;display:grid;position:absolute;top:52px;left:-28px;transform:rotate(-8deg)}.photo-strip span{background:var(--photo-thumb-bg);width:50px;height:40px;display:block}.dashboard,.compose-section,.rituals-section{padding:74px 0}.compose-section{order:1;padding-top:36px}.dashboard{order:2}.rituals-section{order:3}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-note{max-width:360px;color:var(--muted);margin:0;line-height:1.7}.mailbox-stats{flex-wrap:wrap;gap:10px;display:flex}.mailbox-stats span{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;line-height:1;display:inline-flex}.mailbox-stats strong{color:var(--ink);font-size:22px;line-height:1}.mail-grid{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.station-panel,.mail-list-panel,.compose-form{border:1px solid var(--panel-border);background:var(--surface);border-radius:var(--radius);min-width:0;box-shadow:var(--panel-shadow)}.station-panel{align-content:start;gap:22px;padding:24px;display:grid}.station-panel p{color:var(--muted);margin-bottom:0;line-height:1.7}.mailbox-visual{min-width:0;height:220px;position:relative}.mailbox-body{background:var(--green);border-radius:70px 70px 8px 8px;height:110px;position:absolute;bottom:54px;left:34px;right:34px;box-shadow:inset 0 -16px #00000014}.mailbox-slot{background:var(--mailbox-slot-bg);border-radius:999px;height:10px;position:absolute;top:48px;left:32px;right:32px}.mailbox-door{border:2px solid var(--mailbox-door-border);width:62px;height:30px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.mailbox-post{background:var(--mailbox-post-bg);width:22px;height:62px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mailbox-flag{background:var(--red);transform-origin:bottom;width:16px;height:72px;position:absolute;top:52px;right:48px;transform:rotate(-18deg)}.mailbox-flag:before{content:"";background:var(--red);width:58px;height:28px;position:absolute;top:0;right:0}.pause-card{background:var(--surface-muted);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.pause-card span{color:var(--muted)}.pause-card strong{font-size:24px}.mail-list-panel{min-height:420px;padding:18px}.mailbox-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-bottom:16px;display:flex}.mailbox-import{background:var(--surface-muted-soft);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.mailbox-import textarea{min-height:72px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.mailbox-import .secondary-button{min-width:104px;margin-bottom:0}.tabs{gap:8px;min-width:0;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px}.tab.active{background:var(--action-bg);border-color:var(--action-bg);color:var(--action-fg)}.import-toggle{flex:none;gap:8px;min-height:38px}.letter-list{gap:12px;display:grid}.letter-card{border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);border-left-width:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.letter-card[data-seal=rose]{border-left-color:var(--red)}.letter-card[data-seal=ink]{border-left-color:var(--blue)}.letter-card[data-seal=moss]{border-left-color:var(--green)}.letter-card[data-seal=amber]{border-left-color:var(--gold)}.letter-card h3{overflow-wrap:anywhere;margin:0 0 7px}.letter-card p{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.55}.letter-card-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;display:flex}.letter-card-meta span{background:var(--tag-bg);border-radius:999px;align-items:center;min-height:26px;padding:0 9px;display:inline-flex}.letter-status{background:var(--green);min-width:88px;min-height:38px;color:var(--action-fg);cursor:pointer;border:0;border-radius:999px;font-weight:800}.letter-status[disabled]{background:var(--paper-deep);color:var(--muted);cursor:not-allowed}.empty-state{max-width:320px;color:var(--muted);text-align:center;margin:58px auto 0;line-height:1.7}.compose-form{grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:24px;display:grid}.form-column{align-content:start;gap:18px;display:grid}.side-form{border-left:1px solid var(--line);padding-left:18px}label,legend{color:var(--ink);font-weight:800}input[type=text],textarea,select{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);border-radius:var(--radius);outline:none;margin-top:8px;padding:12px 13px;display:block}textarea{resize:vertical;min-height:190px;line-height:1.7}.delivery-receipt{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);grid-column:1/-1;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;margin-top:2px;padding:16px;display:grid}.delivery-receipt h3{margin-bottom:6px}.delivery-receipt p{color:var(--muted);margin-bottom:0;line-height:1.6}.receipt-copy{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.delivery-receipt textarea{min-height:68px;margin-top:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.delivery-receipt .secondary-button{border-radius:var(--radius);gap:8px;min-width:130px;height:auto}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}fieldset{border:0;margin:0;padding:0}.delivery-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.delivery-options label{border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);min-height:68px;color:var(--muted);align-items:flex-start;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.delivery-options input{margin-top:4px}.delivery-options span{gap:4px;display:grid}.delivery-options strong,.delivery-options small{line-height:1.25;display:block}.delivery-options strong{color:var(--ink)}.delivery-options small{color:var(--muted);font-size:12px;font-weight:700}.swatches{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.swatch{border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);min-height:48px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:800;display:flex;position:relative}.swatch:before{content:"";border-radius:50%;width:18px;height:18px}.swatch.rose:before{background:var(--red)}.swatch.ink:before{background:var(--blue)}.swatch.moss:before{background:var(--green)}.swatch.amber:before{background:var(--gold)}.swatch input{accent-color:var(--green)}.submit-button{border:0;width:100%;margin-top:4px}.ritual-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ritual-grid article{border:1px solid var(--line);background:var(--surface-soft);border-radius:var(--radius);min-height:210px;padding:24px}.ritual-grid span{background:var(--action-bg);width:40px;height:40px;color:var(--action-fg);border-radius:50%;place-items:center;margin-bottom:28px;font-weight:900;display:inline-grid}.ritual-grid p{color:var(--muted);margin-bottom:0;line-height:1.75}.toast{left:50%;bottom:calc(24px + var(--safe-bottom));z-index:30;background:var(--action-bg);max-width:min(92vw,420px);color:var(--action-fg);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;padding:13px 16px;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}.letter-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:min(680px,100vw - 28px);color:var(--ink);box-shadow:var(--shadow);padding:0}.letter-dialog article{padding:34px}.modal-backdrop{z-index:40;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.close-button{position:absolute;top:14px;right:14px}.dialog-recipient{color:var(--muted)}.dialog-body{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;padding:24px;line-height:1.9}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=920px){.hero-section,.mail-grid,.compose-form,.ritual-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:28px}.letter-stage{min-height:430px}.section-heading{flex-direction:column;align-items:start}.side-form{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}.delivery-receipt,.receipt-copy{grid-template-columns:1fr}}@media (width<=640px){html{scroll-padding-top:calc(132px + var(--safe-top))}.app-shell{width:min(100% - 22px,1180px)}.topbar{min-height:auto;padding:calc(10px + var(--safe-top)) 0 12px;grid-template-columns:1fr auto;gap:10px;display:grid}.brand{grid-area:1/1}.topbar>.icon-button{grid-area:1/2}.topnav{scrollbar-width:none;grid-area:2/1/auto/-1;gap:6px;width:100%;margin-left:0;padding-bottom:2px;display:flex;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav a{background:var(--surface-soft);border:1px solid var(--panel-border);text-align:center;flex:1 0 auto;min-height:36px;padding:8px 12px}h1{font-size:42px}h2{font-size:32px}.hero-copy>p:not(.eyebrow){font-size:16px}.letter-stage{min-height:360px}.paper-stack{width:78%}.letter-paper{height:292px;padding:40px 30px}.photo-strip{transform-origin:0 0;left:-20px;transform:rotate(-6deg)scale(.78)}.mailbox-stats,.hero-actions,.dialog-actions{width:100%}.primary-action,.secondary-action,.secondary-button{flex:auto}.letter-card,.mailbox-import{grid-template-columns:1fr}.mailbox-toolbar{flex-direction:column;align-items:stretch}.tabs{padding-bottom:0}.import-toggle,.letter-status{width:100%}.delivery-options,.swatches{grid-template-columns:1fr}.compose-form,.station-panel,.mail-list-panel,.ritual-grid article,.letter-dialog article{padding:18px}.delivery-receipt .secondary-button{width:100%}}