@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Caveat:wght@400;500;600&display=swap";
:root{--bg:#f7f3ee;--ww:#fdfaf6;--paper:#f5f0e8;--cream:#faf6ef;--wine:#6b2d3e;--wine-deep:#4e1f2e;--wine-soft:#8b4558;--wine-ghost:#6b2d3e14;--gold:#b8965a;--gold-soft:#b8965a2e;--brown:#7a6652;--brown-light:#5f5042;--muted:#4c443c;--muted-light:#645b50;--ink:#000;--ink-soft:#1a1a1a;--border:#7a66522e;--border-strong:#6b2d3e59;--shadow:#6b2d3e1a}:root[data-theme=dark]{--bg:#12161b;--ww:#1a2027;--paper:#232b34;--cream:#202832;--wine:#f2d7de;--wine-deep:#d4a8b3;--wine-soft:#f6e5ea;--wine-ghost:#f2d7de1f;--gold:#d7be86;--gold-soft:#d7be8638;--brown:#d2c4b2;--brown-light:#b6a999;--muted:#d2c9bf;--muted-light:#ada59c;--ink:#f8f9fb;--ink-soft:#ebedf0;--border:#f2e9dd33;--border-strong:#f2d7de80;--shadow:#00000057}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 10% -12%,#fffdfa 0%,#0000 34%),radial-gradient(circle at 92% 12%,#efe6d8 0%,#0000 30%),linear-gradient(#f9f5ef 0%,#f2eade 100%);margin:0;padding:0;font-family:Instrument Sans,Avenir Next,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark] body{background:radial-gradient(circle at 10% -12%,#2a3440 0%,#0000 34%),radial-gradient(circle at 92% 12%,#1e252e 0%,#0000 30%),linear-gradient(#10151a 0%,#151b22 100%)}button,input,textarea,select{font:inherit}a{color:inherit}textarea::placeholder,input::placeholder{color:var(--muted-light)}.app-root{justify-content:center;align-items:stretch;height:100dvh;padding:0;display:flex;overflow:hidden}.app-shell{background:var(--ww);flex-direction:column;width:100%;max-width:960px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #6b2d3e12}.paper-tex-subtle{position:relative}.paper-tex-subtle:before{content:"";pointer-events:none;opacity:.16;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.app-shell>*{z-index:1;position:relative}.screen-header{text-align:center;width:100%;max-width:760px;margin:0 auto;padding:50px 20px 22px}.screen-header h1{letter-spacing:-.6px;color:var(--wine);margin:0;font-family:inherit;font-size:2.1rem;font-weight:600;line-height:1.1}.screen-header p{max-width:34ch;color:var(--muted);margin:8px auto 0;font-size:.96rem;font-style:italic}.theme-toggle{top:calc(12px + env(safe-area-inset-top,0px));border:1px solid var(--border);color:var(--ink);cursor:pointer;z-index:3;letter-spacing:.4px;background:#fdfaf6e6;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.82rem;transition:border-color .2s,transform .2s,background .2s;display:inline-flex;position:absolute;right:12px}.theme-toggle:hover{border-color:var(--border-strong);transform:translateY(-1px)}.theme-toggle .icon-wrap,.theme-toggle .icon-wrap svg{width:15px;height:15px}.screen-scroll{overscroll-behavior:contain;flex:1;width:100%;max-width:760px;min-height:0;margin:0 auto;padding:0 20px 28px;overflow-y:auto}.auth-scroll{padding-bottom:38px}.story-card{border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:16px;margin-bottom:20px;padding:26px 22px}.story-card p{color:var(--ink-soft);margin:0;font-family:Caveat,cursive;font-size:1.16rem;line-height:1.7}.story-card p+p{margin-top:14px}.surface-card{background:var(--paper);border:1px solid var(--border);box-shadow:0 4px 16px var(--shadow);border-radius:16px;margin-bottom:12px;padding:16px 18px}.surface-card h2{color:var(--wine);margin:0;font-family:inherit;font-size:1.3rem;font-weight:600}.muted-copy{color:var(--muted);margin:8px 0 0;line-height:1.5}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head{gap:10px;margin-bottom:12px;display:grid}.section-head p{margin-top:4px}.compose-head-meta{align-items:center;gap:10px;min-height:42px;display:inline-flex}.compose-save-state{color:var(--muted-light);letter-spacing:.2px;text-transform:lowercase;font-size:.86rem}.status{color:#6e5837;white-space:pre-line;background:#fff7ea;border:1px solid #b8965a59;border-radius:12px;margin-top:10px;padding:9px 12px;line-height:1.45}.status.error{color:#7f2f25;background:#fdf0ed;border-color:#9a443240}.list-stack{gap:10px;margin-top:10px;display:grid}.list-row{border:1px solid var(--border);background:#ffffffb8;border-radius:12px;padding:10px 12px}.letter-row{background:0 0;border:0;padding:0}.transit-row{background:var(--gold-soft)}.row-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.friends-row-button{display:block}.invite-list-row{border-color:var(--border-strong);background:linear-gradient(135deg,#6b2d3e1f 0%,#b8965a2e 100%)}.invite-row-button,.invite-row-button .row-chevron{color:var(--wine)}.invite-row-button:disabled{opacity:.72}.friends-row-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.row-between>.friends-row-main:last-child{flex-wrap:nowrap;justify-content:flex-end}.friends-row-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.row-chevron{color:var(--muted-light);flex:none;font-size:1rem;line-height:1}.friends-row-button:disabled .row-chevron{opacity:.45}.envelope{aspect-ratio:1.85;isolation:isolate;background:linear-gradient(#faf4ecfc 0%,#eee5d6fc 100%);border:1px solid #7a665242;border-radius:16px;width:calc(100% - 24px);max-width:520px;min-height:128px;margin:8px auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 8px 18px #6b2d3e14}.envelope:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 16%,#ffffff61 0%,#0000 26%),linear-gradient(#ffffff14 0%,#0000 40%);position:absolute;inset:0}.envelope[data-highlight=true]{background:linear-gradient(#fff8e5fc 0%,#f4e5befc 100%);border-color:#b8965a57}.envelope[data-highlight=true]:before{background:radial-gradient(circle at 15% 16%,#ffffff57 0%,#0000 26%),linear-gradient(#ffffff0f 0%,#0000 40%)}.envelope-fold{z-index:1;clip-path:polygon(0 0,100% 50%,100% 100%,0 100%);background:linear-gradient(#ebe1d2fc 0%,#e0d3c0fc 100%);width:50%;height:48%;position:absolute;bottom:0}.envelope-fold-left{left:0}.envelope-fold-right{transform-origin:50%;right:0;transform:scaleX(-1)}.envelope[data-highlight=true] .envelope-fold{background:linear-gradient(#eddfbcfc 0%,#e1d0a5fc 100%)}.envelope-meta{z-index:2;flex-direction:column;display:flex;position:absolute}.envelope-meta-left{text-align:left;gap:6px;width:min(74%,340px);top:12px;left:14px}.envelope-meta-status{text-align:center;align-items:center;width:calc(100% - 48px);bottom:12px;left:50%;transform:translate(-50%)}.envelope-block{grid-template-columns:54px minmax(0,1fr);align-items:baseline;column-gap:10px;min-width:0;display:grid}.envelope-block span{color:var(--wine);letter-spacing:.05em;opacity:.8;white-space:nowrap;font-size:.92rem;font-weight:700}.envelope-block strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;font-weight:600;line-height:1.15;overflow:hidden}.envelope-name{letter-spacing:.01em;font-family:Caveat,cursive;font-size:1.22rem}.envelope-date{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:600;line-height:1.2;overflow:hidden}.mini-badge{border:1px solid var(--border);color:var(--muted);background:#ffffffd9;border-radius:999px;padding:2px 9px;font-size:.78rem}.mini-date{color:var(--muted-light);font-size:.8rem}.divider{background:var(--border);height:1px;margin:12px 0}.inline-form{align-items:stretch;gap:8px;margin-top:10px;display:flex}.inline-form input{flex:1}.form-stack{gap:10px;margin-top:10px;display:grid}.adaptive-grid{gap:12px;display:grid}.profile-side-stack{align-content:start;gap:12px;display:grid}.span-2{grid-column:1/-1}.field{gap:6px;display:grid}.field>span{color:var(--muted);letter-spacing:.2px;font-size:.9rem}.field input,.field select,.field textarea,.inline-form input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus{border-color:var(--border-strong);outline:none;box-shadow:0 0 0 2px #6b2d3e14}.inline-copy-field{align-items:center;gap:8px;display:flex}.inline-copy-field input{flex:1}.inline-copy-btn{border:1px solid var(--border);background:var(--wine-ghost);width:30px;height:30px;color:var(--wine);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.inline-copy-btn:hover{border-color:var(--border-strong);background:#6b2d3e24}.inline-copy-btn[data-copied=true]{border-color:var(--border-strong);background:#6b2d3e33}.inline-copy-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6b2d3e24}.inline-dismiss-btn{white-space:nowrap;border-radius:9px;padding:6px 10px}.invite-input{text-transform:uppercase;letter-spacing:1px}.field.read-only{border:1px solid var(--border);background:#ffffffa6;border-radius:12px;padding:10px 12px}.field.read-only strong{font-size:1rem}.field-help{color:var(--muted-light);justify-self:end;font-size:.82rem}.letter-editor,.letter-copy{--letter-line-height:1.68;--letter-line-step:calc(1em*var(--letter-line-height));--letter-rule-color:#7a66522e;border:1px solid var(--border);min-height:210px;line-height:var(--letter-line-height);color:var(--ink);background-blend-mode:normal;border-radius:14px;padding:20px 18px;font-family:Caveat,cursive;font-size:1.24rem;position:relative}.letter-editor{resize:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line-step) - 1px),var(--letter-rule-color)calc(var(--letter-line-step) - 1px),var(--letter-rule-color)var(--letter-line-step));overflow:hidden}.letter-editor.stationery-classic{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line-step) - 1px),var(--letter-rule-color)calc(var(--letter-line-step) - 1px),var(--letter-rule-color)var(--letter-line-step)),linear-gradient(175deg,#faf6ef 0%,#f0e8d8 100%)}.letter-editor.stationery-twilight{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line-step) - 1px),var(--letter-rule-color)calc(var(--letter-line-step) - 1px),var(--letter-rule-color)var(--letter-line-step)),linear-gradient(175deg,#f5edf0 0%,#e8d8de 100%)}.letter-editor.stationery-rose{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line-step) - 1px),var(--letter-rule-color)calc(var(--letter-line-step) - 1px),var(--letter-rule-color)var(--letter-line-step)),linear-gradient(175deg,#f5ece8 0%,#ebddd6 100%)}.letter-editor.stationery-sage{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line-step) - 1px),var(--letter-rule-color)calc(var(--letter-line-step) - 1px),var(--letter-rule-color)var(--letter-line-step)),linear-gradient(175deg,#ecf0e8 0%,#dbe3d2 100%)}.paper-card{position:relative;overflow:hidden}.paper-card:before{content:"";opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(#0000,#0000 30px,#7a665233 30px 31px);position:absolute;inset:0}.paper-card>*{z-index:1;position:relative}.letter-view-body{border-radius:14px;margin-top:12px;padding:18px 16px}.letter-view-envelope{justify-content:center;margin-top:12px;display:flex}.stationery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stationery-option{border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--ink-soft);border-radius:12px;gap:5px;padding:11px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.stationery-option strong{font-size:.96rem}.stationery-option em{color:var(--muted);opacity:.9;font-size:.82rem;font-style:italic}.stationery-option[data-active=true]{border-color:var(--wine);transform:translateY(-1px);box-shadow:0 0 0 1px #6b2d3e66}.stationery-classic{background:linear-gradient(175deg,#faf6ef 0%,#f0e8d8 100%)}.stationery-twilight{background:linear-gradient(175deg,#f5edf0 0%,#e8d8de 100%)}.stationery-rose{background:linear-gradient(175deg,#f5ece8 0%,#ebddd6 100%)}.stationery-sage{background:linear-gradient(175deg,#ecf0e8 0%,#dbe3d2 100%)}.button-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.button-row-equal>.btn,.button-row-equal>a{flex:1 1 0}.admin-table-wrap{border:1px solid var(--border);background:#ffffffb8;border-radius:12px;margin-top:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.93rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px}.admin-table th{color:var(--muted);white-space:nowrap;font-weight:600}.admin-table td{color:var(--ink)}.admin-table tbody tr:last-child td{border-bottom:0}.btn{cursor:pointer;letter-spacing:.2px;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.95rem;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6b2d3e24}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--wine)0%,var(--wine-deep)100%);border:0}.btn-outline{border-color:var(--border-strong);color:var(--wine);background:#fffc}.btn-soft{border-color:var(--border);background:var(--wine-ghost);color:var(--wine)}.btn-danger{color:#832f23;background:#fbe9e6;border-color:#963c2e40}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0;width:fit-content}.btn-stretch{flex:1}.icon-wrap{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.icon-wrap svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.profile-icon{color:var(--muted-light);width:17px;height:17px}.profile-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.thread-stack{gap:10px;display:grid}.thread-letter{border:1px solid var(--border);border-radius:14px;padding:13px 14px;box-shadow:0 4px 14px #6b2d3e17}.thread-letter[data-sent=true]{margin-left:22px}.thread-letter[data-sent=false]{margin-right:22px}.thread-meta{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;display:flex}.thread-meta time{color:var(--muted-light);font-size:.8rem}.letter-copy{resize:none;white-space:pre-wrap;background:0 0;border:0;min-height:auto;margin:8px 0 0;padding:0}.auth-stack{gap:12px;display:grid}.invite-banner{grid-column:1/-1;width:100%;margin-top:0}.dock-nav{z-index:5;border-top:1px solid var(--border);background:var(--ww);padding:10px 18px calc(env(safe-area-inset-bottom,8px) + 10px);flex:none;justify-content:space-around;align-items:center;display:flex;position:relative;box-shadow:0 -10px 24px #6b2d3e14}.nav-item{color:var(--wine);opacity:.4;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px 10px 8px;display:flex;position:relative}.nav-item[data-active=true]{opacity:1}.nav-icon{width:20px;height:20px}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.nav-label{letter-spacing:.9px;text-transform:uppercase;font-size:.63rem}.nav-dot{background:var(--wine);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0}.nav-item[data-active=true] .nav-dot{opacity:1}:root[data-theme=dark] .paper-tex-subtle:before{opacity:.1}:root[data-theme=dark] .theme-toggle{background:#1a2027eb}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .inline-form input{background:#0e1217e6}:root[data-theme=dark] .field.read-only,:root[data-theme=dark] .list-row,:root[data-theme=dark] .admin-table-wrap{background:#0c1015b8}:root[data-theme=dark] .invite-list-row{background:linear-gradient(135deg,#f2d7de1f 0%,#d7be8624 100%)}:root[data-theme=dark] .letter-editor,:root[data-theme=dark] .letter-copy{--letter-rule-color:#c1ccdc42}:root[data-theme=dark] .stationery-classic{background:linear-gradient(175deg,#313b47 0%,#26303a 100%)}:root[data-theme=dark] .stationery-twilight{background:linear-gradient(175deg,#393448 0%,#2d2938 100%)}:root[data-theme=dark] .stationery-rose{background:linear-gradient(175deg,#453542 0%,#342933 100%)}:root[data-theme=dark] .stationery-sage{background:linear-gradient(175deg,#32433d 0%,#293834 100%)}:root[data-theme=dark] .mini-badge{background:#0c1015d1}:root[data-theme=dark] .envelope{background:linear-gradient(#262e36f7 0%,#1c2229fc 100%);border-color:#f2e9dd29;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #00000047}:root[data-theme=dark] .envelope:before{background:radial-gradient(circle at 15% 16%,#ffffff14 0%,#0000 26%),linear-gradient(#ffffff08 0%,#0000 40%)}:root[data-theme=dark] .envelope[data-highlight=true]{background:linear-gradient(#55482657 0%,#1f2429fa 100%);border-color:#d7be8647}:root[data-theme=dark] .envelope[data-highlight=true]:before{background:radial-gradient(circle at 15% 16%,#ffffff0f 0%,#0000 26%),linear-gradient(#ffffff05 0%,#0000 40%)}:root[data-theme=dark] .envelope-fold{background:linear-gradient(#3a434efc 0%,#2b333cfc 100%)}:root[data-theme=dark] .envelope[data-highlight=true] .envelope-fold{background:linear-gradient(#695a32b8 0%,#4c4228db 100%)}:root[data-theme=dark] .envelope-block strong{color:var(--ink-soft)}:root[data-theme=dark] .envelope-meta-status strong{color:var(--muted)}:root[data-theme=dark] .dock-nav{background:var(--ww);box-shadow:0 -10px 28px #00000047}:root[data-theme=dark] .status{color:#faeed2;background:#d7be8624;border-color:#d7be866b}:root[data-theme=dark] .status.error{color:#ffd6cf;background:#832f2347;border-color:#e2958966}:root[data-theme=dark] .btn-outline,:root[data-theme=dark] .btn-soft,:root[data-theme=dark] .btn-ghost{background:#0c1015a6}:root[data-theme=dark] .btn-primary{color:#241a1f}:root[data-theme=dark] .btn-danger{color:#ffd8d2;background:#832f2347;border-color:#e0807166}@media (min-width:520px){.app-root{padding:20px 16px}.app-shell{border:1px solid var(--border);border-radius:24px;height:calc(100dvh - 40px)}}@media (min-width:900px){.screen-header{padding:44px 28px 24px}.screen-scroll{padding:0 28px 36px}.adaptive-grid,.auth-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width:430px){.screen-header{padding-top:42px}.thread-letter[data-sent=true],.thread-letter[data-sent=false]{margin:0}}