:root{--paper: #f6f1e7;--paper-raised: #fdfaf3;--paper-deep: #efe7d8;--ink: #262019;--ink-soft: #6b6156;--ink-faint: #97897b;--wax: #7c2f2a;--wax-deep: #5e211d;--wax-tint: #f6e9e3;--wax-line: #d9b8ac;--action: #33415e;--action-hover: #26324b;--line: #e3dac9;--line-strong: #cfc4ad;--ok: #2f5d3a;--ok-tint: #e7efe6;--violet: #4a3d6b;--violet-tint: #eae6f3;--danger: #a33a2e;--notice: #2c6146;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-soft: 0 1px 2px rgba(38, 32, 25, .06), 0 4px 16px rgba(38, 32, 25, .05);--shadow-lift: 0 2px 6px rgba(38, 32, 25, .08), 0 12px 32px rgba(38, 32, 25, .1);font-family:var(--font-sans);line-height:1.55;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:40rem;margin:0 auto;padding:var(--space-7) var(--space-4)}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:.005em;color:var(--ink)}h1{font-size:1.7rem;margin:0 0 var(--space-1)}h2{font-size:1.2rem;margin:0 0 var(--space-2)}.tagline{color:var(--ink-soft);margin:0 0 var(--space-6)}form{display:flex;flex-direction:column;gap:var(--space-2)}input,textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}textarea{font-family:var(--font-serif);line-height:1.6}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.8}button{font:inherit;padding:.6rem 1.1rem;border:none;border-radius:var(--radius-sm);background:var(--action);color:#fff;cursor:pointer;align-self:flex-start;transition:background-color .12s ease}button:hover:not(:disabled){background:var(--action-hover)}button:disabled{opacity:.55;cursor:default}button.link{background:none;color:var(--action);padding:var(--space-1) 0;text-decoration:underline;text-underline-offset:3px}button.link:hover:not(:disabled){background:none;color:var(--action-hover)}:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--action);outline-offset:0;border-color:transparent}.error{color:var(--danger)}.notice{color:var(--notice)}.empty{color:var(--ink-soft)}time{font-size:.8rem;color:var(--ink-soft);display:block;margin-top:var(--space-2)}.auth{max-width:26rem;margin:0 auto;padding-top:var(--space-6)}.brand-mark{width:2.4rem;height:2.4rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a04b42,var(--wax) 65%);box-shadow:0 1px 6px #7c2f2a59;margin-bottom:var(--space-4)}.auth h1{font-size:2rem}.auth .promise{font-family:var(--font-serif);font-size:1.1rem;line-height:1.6;color:var(--ink-soft);margin:0 0 var(--space-5)}.auth-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft)}.home-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.wordmark{font-family:var(--font-serif);font-weight:600;font-size:1.05rem;color:var(--ink);white-space:nowrap}.home-tabs{display:flex;gap:var(--space-2)}.tab{background:transparent;color:var(--ink-soft);border:1px solid transparent;padding:.4rem .95rem;border-radius:999px;font-size:1rem}.tab:hover:not(:disabled){background:var(--paper-deep);color:var(--ink)}.tab-active,.tab-active:hover:not(:disabled){background:var(--paper-raised);color:var(--ink);border-color:var(--line-strong);font-weight:600}.capsule-form{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft);margin-bottom:var(--space-6)}.capsule-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.capsule-list li{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.capsule-list p{margin:var(--space-2) 0;white-space:pre-wrap;font-family:var(--font-serif);line-height:1.6}.capsule-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.capsule-head strong{font-family:var(--font-serif);font-size:1.05rem}.status{font-size:.72rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;padding:.15rem .55rem;border-radius:999px;background:var(--paper-deep);color:var(--ink-soft);white-space:nowrap}.status-sealed{background:var(--wax-tint);color:var(--wax)}.status-delivered{background:var(--ok-tint);color:var(--ok)}.status-opened{background:var(--violet-tint);color:var(--violet)}.capsule-media{margin:var(--space-2) 0}.capsule-media audio,.capsule-media .preview{width:100%}.preview{max-width:100%;border-radius:var(--radius-sm);background:#000;max-height:320px}.capture{margin:var(--space-3) 0;padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--paper-deep)}.capture-start,.capture-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.capture button{padding:.4rem .85rem}.capture .link{padding:.4rem 0}.recording-dot{color:var(--danger);font-weight:600;animation:pulse 1.2s ease-in-out infinite}.capture-recording,.capture-review{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}@keyframes pulse{50%{opacity:.4}}.rt-summary{font-size:.92rem;color:var(--ink-soft)}.rt-summary strong{color:var(--ink)}.rt-editor{margin:var(--space-3) 0;padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--paper-deep)}.rt-editor h3{margin:0 0 var(--space-1);font-size:1rem}.rt-when{display:flex;align-items:center;gap:var(--space-2);font-size:.92rem;color:var(--ink-soft);flex-wrap:wrap}.rt-actions{display:flex;gap:var(--space-3);align-items:center}.draft-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.seal-open{background:none;color:var(--wax);border:1px solid var(--wax-line);padding:.35rem .9rem}.seal-open:hover:not(:disabled){background:var(--wax-tint);color:var(--wax-deep)}.seal-confirm{margin:var(--space-3) 0;padding:var(--space-5);border:1px solid var(--wax-line);border-radius:var(--radius-lg);background:var(--wax-tint);box-shadow:var(--shadow-lift)}.seal-confirm h3{margin:0 0 var(--space-2);font-size:1.3rem;color:var(--wax)}.seal-lede{margin:0 0 var(--space-4);color:var(--ink);font-family:var(--font-serif);line-height:1.6}.seal-facts{margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.seal-facts div{display:flex;gap:var(--space-3)}.seal-facts dt{width:3.4rem;flex-shrink:0;color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;line-height:1.9}.seal-facts dd{margin:0}.seal-preview{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--wax-line);background:var(--paper-raised);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.seal-preview strong{font-family:var(--font-serif)}.seal-preview p{margin:var(--space-1) 0 0;white-space:pre-wrap;font-family:var(--font-serif);line-height:1.6}.seal-ack{display:flex;gap:var(--space-2);align-items:flex-start;margin:0 0 var(--space-4);color:var(--ink);font-size:.95rem;cursor:pointer;line-height:1.5}.seal-ack input{margin-top:.2rem;accent-color:var(--wax);width:1.05rem;height:1.05rem;flex-shrink:0}.seal-actions{display:flex;gap:var(--space-4);align-items:center}.seal-button{background:var(--wax);font-size:1.02rem;padding:.65rem 1.4rem}.seal-button:hover:not(:disabled){background:var(--wax-deep)}.sealed-state{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-deep)}.sealed-countdown{margin:0;font-weight:600;font-family:var(--font-serif);color:var(--wax)}.sealed-date{font-weight:400;color:var(--ink-soft)}.sealed-permanence{margin:var(--space-1) 0 var(--space-2);font-size:.92rem;color:var(--ink-soft)}.sealed-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.sealed-actions button:disabled{color:var(--ink-soft);cursor:not-allowed;text-decoration-style:dotted}.first-capsule{max-width:30rem;margin:0 auto}.fc-step{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-soft)}.fc-step p{margin:0;color:var(--ink-soft);line-height:1.6}.step-dots{list-style:none;display:flex;gap:var(--space-2);justify-content:center;padding:0;margin:0 0 var(--space-4)}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--line)}.dot-done{background:var(--wax)}.moment-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.moment-custom{margin-top:var(--space-2)}.fc-skip{text-align:center;margin-top:var(--space-5)}.sealed-moment{text-align:center;padding:var(--space-6) var(--space-5);border:1px solid var(--wax-line);border-radius:var(--radius-lg);background:var(--wax-tint);box-shadow:var(--shadow-lift)}.sealed-moment h3{font-size:1.7rem;color:var(--wax);margin:var(--space-3) 0 var(--space-2)}.sealed-moment p{margin:var(--space-1) 0}.sealed-moment button{margin:var(--space-4) auto 0;align-self:center}.sealed-moment-mark{width:3.2rem;height:3.2rem;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a04b42,var(--wax) 65%);box-shadow:0 2px 12px #7c2f2a66;animation:seal-press .6s ease-out}.sealed-moment-title{font-family:var(--font-serif);font-size:1.1rem}.sealed-moment-countdown{font-weight:600;font-family:var(--font-serif);color:var(--wax)}.sealed-moment-permanence{color:var(--ink-soft);font-size:.95rem}@keyframes seal-press{0%{transform:scale(1.8);opacity:0}60%{transform:scale(.92);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.sealed-moment-mark,.recording-dot{animation:none}}.open-page{max-width:38rem;margin:8vh auto 0;padding:0 var(--space-5) var(--space-7)}.open-header .brand-mark{margin-bottom:var(--space-5)}.open-lede{font-family:var(--font-serif);font-size:1.3rem;line-height:1.55;color:var(--ink);margin:0}.open-sealed-date{white-space:nowrap}.open-cover{margin-top:var(--space-6);padding:var(--space-6) var(--space-5);border:1px solid var(--wax-line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-lift);text-align:center}.open-permanence{color:var(--ink-soft);margin:0 0 var(--space-5);font-family:var(--font-serif);font-size:1.05rem}.open-button{font-size:1.1rem;padding:.8rem 1.8rem;background:var(--wax)}.open-button:hover:not(:disabled){background:var(--wax-deep)}.open-title{font-size:1.6rem;margin:var(--space-6) 0 var(--space-4)}.open-media{width:100%;margin-bottom:var(--space-4);border-radius:var(--radius-sm)}.open-body{white-space:pre-wrap;font-family:var(--font-serif);font-size:1.08rem;line-height:1.7}.open-missing{color:var(--ink-soft)}.open-claim{margin-top:var(--space-7);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised)}.open-claim h2{font-size:1.1rem;margin-bottom:var(--space-2)}.open-claim p{margin:0 0 var(--space-3);color:var(--ink-soft);line-height:1.6}.open-claim a{display:inline-block;padding:.55rem 1.1rem;border-radius:var(--radius-sm);background:var(--action);color:#fff;text-decoration:none}.open-claim a:hover{background:var(--action-hover)}.inbox-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.inbox-list li{padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised)}.inbox-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.inbox-head strong{font-family:var(--font-serif);font-size:1.05rem}.inbox-meta{color:var(--ink-soft);font-size:.9rem;margin:var(--space-1) 0 var(--space-3)}.inbox-body{white-space:pre-wrap;font-family:var(--font-serif);line-height:1.65}.inbox-content .preview{width:100%;margin-bottom:var(--space-3)}.reply-open{margin-top:var(--space-3)}.reply-form{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.reply-actions{display:flex;gap:var(--space-3);align-items:center}@media (max-width: 480px){#root{padding:var(--space-5) var(--space-4)}.open-page{margin-top:4vh;padding:0 var(--space-4) var(--space-6)}.home-nav{flex-wrap:wrap}.seal-facts div{flex-direction:column;gap:.05rem}.seal-actions,.rt-actions,.draft-actions{flex-direction:column;align-items:stretch}.seal-actions button,.rt-actions button,.fc-step button:not(.link),.moment-presets button,.open-button{width:100%;align-self:stretch}.moment-presets{flex-direction:column}}