@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Nunito:wght@500;600;700&display=swap");:root{--paper-bg:#f3f0ea;--paper:#faf8f3;--paper-deep:#ebe6dd;--mist-blue:#cad5d6;--mist-gray:#d9d9d5;--dusty-pink:#d9bdbd;--lavender:#bdb4c3;--sage:#adb89f;--ochre:#c4a277;--brown:#6b5548;--text:#46403c;--muted:#7a716b;--border:rgba(107,85,72,.16);--shadow:0 16px 44px rgba(82,68,59,.08);--radius:22px;--serif:"Noto Serif SC","Songti SC",serif;--sans:"Nunito","Noto Sans SC",sans-serif;color:var(--text);background:var(--paper-bg);font-family:var(--sans);font-synthesis:none;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper-bg);background-image:radial-gradient(rgba(91,78,69,.045) .7px,transparent 0);background-size:5px 5px}button,input,select,textarea{font:inherit;color:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.02em}h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.25}h2{font-size:clamp(1.4rem,2vw,2rem);line-height:1.35}h3{font-size:1.05rem}p{color:var(--muted)}:focus-visible{outline:3px solid rgba(196,162,119,.45);outline-offset:3px}.eyebrow{display:block;color:var(--brown);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.page{max-width:1320px;margin:0 auto;padding:58px 54px 100px}.centered-page{min-height:100vh;padding:54px max(24px,6vw);display:flex;flex-direction:column;align-items:center}.narrow-content{width:min(660px,100%)}.page-heading{max-width:760px;margin:28px 0 46px}.page-heading h1{margin:.35rem 0 1rem}.page-heading p{font-size:1.05rem}.inline-heading{max-width:none;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.88rem}.mock-link,.subtle-link{border:0;background:none;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:5px;color:var(--muted)}.button{border:0;border-radius:999px;min-height:44px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:transform .2s,background .2s,border .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--brown);color:#fffdf8;box-shadow:0 7px 18px rgba(107,85,72,.16)}.button-primary:hover{background:#59453a}.button-secondary{background:var(--paper);border:1px solid var(--border);color:var(--brown)}.button-secondary:hover{border-color:rgba(107,85,72,.35)}.button-text{background:none;color:var(--muted)}.icon-button{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent}.paper-panel{background:rgba(250,248,243,.94);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.control-label,.field>span{font-weight:700;font-size:.84rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:13px;background:#fffefa;padding:12px 14px;outline:0}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ochre);box-shadow:0 0 0 3px rgba(196,162,119,.12)}.field small{color:var(--muted)}.field-error{color:#a35f57!important}.field .has-error{border-color:#b96d63}.status-banner{display:flex;align-items:center;gap:9px;border-radius:12px;padding:11px 14px;background:rgba(202,213,214,.35);font-size:.87rem}.status-banner.success{background:rgba(173,184,159,.28)}.status-banner.warning{background:rgba(196,162,119,.22)}.status-banner.error{background:rgba(217,189,189,.34);color:#8c4f49}.center-state,.loading-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-orbit{width:58px;height:58px;border-radius:50%;border:2px solid var(--mist-blue);border-top-color:var(--brown);animation:spin 1.4s linear infinite}.loading-state p{margin:18px 0 2px;color:var(--text);font-family:var(--serif);font-size:1.4rem}.loading-state small{color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:60px}.empty-seed{width:48px;height:48px;margin:0 auto 14px;border-radius:50% 50% 42% 58%;display:grid;place-items:center;background:var(--sage);color:white}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(173,184,159,.25);font-size:.72rem;color:#59604f}.privacy-shield,.private-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem}.sticky-actions{position:sticky;bottom:18px;z-index:10;margin-top:42px;padding:13px 15px 13px 20px;display:flex;justify-content:flex-end;align-items:center;gap:12px;border:1px solid var(--border);border-radius:18px;background:rgba(250,248,243,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 50px rgba(68,58,50,.13)}.sticky-actions>div:first-child,.sticky-actions>span{margin-right:auto;color:var(--muted);font-size:.86rem}.sticky-actions small{display:block}.toast{position:fixed;right:24px;bottom:24px;z-index:100;padding:13px 18px;border-radius:12px;background:var(--brown);color:white;box-shadow:var(--shadow);animation:toast-in .3s ease}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}}.app-shell{min-height:100vh;padding-top:68px;padding-left:230px}.app-header{position:fixed;inset:0 0 auto 0;height:68px;z-index:40;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(243,240,234,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header,.wordmark{display:flex;align-items:center}.wordmark{gap:10px;font-family:var(--serif);font-weight:600}.wordmark-mark{width:34px;height:34px;border-radius:45% 55% 48% 52%;display:grid;place-items:center;background:var(--brown);color:white}.header-spacer{flex:1 1}.demo-tag{padding:3px 9px;border-radius:999px;background:rgba(196,162,119,.2);font-size:.7rem;margin-right:14px}.user-chip{display:flex;align-items:center;gap:8px;font-size:.86rem}.avatar-hero,.avatar-large,.avatar-small{display:grid;place-items:center;border-radius:48% 52% 45% 55%;background:var(--dusty-pink);font-family:var(--serif)}.avatar-small{width:32px;height:32px}.avatar-large{width:50px;height:50px}.avatar-hero{width:92px;height:92px;font-size:2rem}.side-nav{position:fixed;z-index:30;left:0;top:68px;bottom:0;width:230px;padding:30px 18px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:rgba(239,235,227,.72)}.side-nav nav{display:grid;gap:4px}.side-nav nav a{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;color:var(--muted);font-size:.88rem}.side-nav nav a.active{background:var(--paper);color:var(--brown);font-weight:700;box-shadow:0 4px 18px rgba(82,68,59,.06)}.mobile-menu,.side-close{display:none}.brand-page{position:relative;min-height:100vh;overflow:hidden}.brand-page .mist-scene{position:absolute;inset:0}.brand-copy{position:relative;z-index:2;padding:18vh 0 0 11vw;max-width:650px}.brand-copy h1{font-size:clamp(4rem,9vw,8.8rem);margin:.3rem 0 1.2rem}.brand-copy p{font-family:var(--serif);font-size:1.25rem;line-height:2}.enter-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding-bottom:4px;border-bottom:1px solid var(--brown);font-weight:700}.brand-page footer{position:absolute;z-index:2;left:11vw;bottom:35px;color:var(--muted);font-size:.78rem}.mist-scene{position:relative;min-height:320px;background:linear-gradient(170deg,#e7e3de,#e0d9dc 42%,#f4eee5);overflow:hidden}.hill{position:absolute;border-radius:50%;filter:blur(2px)}.hill-one{width:68%;height:50%;left:-10%;bottom:-12%;background:#c8c5c1}.hill-two{width:60%;height:43%;right:-10%;bottom:-8%;background:#d7c8c9}.soft-tree{position:absolute;width:5px;height:38%;bottom:20%;background:rgba(107,85,72,.22)}.soft-tree:before{content:"";position:absolute;width:90px;height:120px;border-radius:50%;background:rgba(173,184,159,.25);left:-43px;top:-70px}.tree-one{left:70%}.tree-two{left:77%;height:28%}.path-line{position:absolute;width:55%;height:70px;left:14%;bottom:10%;border-top:1px solid rgba(107,85,72,.22);border-radius:50%}.scene-characters{position:absolute;right:16%;bottom:12%;display:flex;gap:8px}.start-page .page-heading{text-align:center;margin-top:10vh}.entry-choice-grid{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry-choice{min-height:230px;padding:30px;border:1px solid var(--border);border-radius:26px;background:var(--paper);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start;box-shadow:var(--shadow);transition:transform .25s}.entry-choice:hover{transform:translateY(-4px)}.entry-choice h2{margin:.3rem 0}.entry-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.entry-icon.ochre{background:rgba(196,162,119,.28)}.entry-icon.lavender{background:rgba(189,180,195,.32)}.start-page>.subtle-link{margin-top:28px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.auth-aside{position:relative;overflow:hidden;background:var(--mist-gray)}.auth-aside .mist-scene{position:absolute;inset:0}.auth-aside>div:last-child{position:relative;z-index:2;padding:15vh 10%;max-width:520px}.auth-aside h1{margin-top:.5rem}.auth-form{width:min(520px,100%);margin:auto;padding:60px}.auth-tabs{display:flex;gap:8px;margin:50px 0 26px}.auth-tabs button{border:0;background:none;padding:7px 4px;margin-right:14px;color:var(--muted);border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--brown);border-color:var(--brown)}.auth-form>.button{width:100%;margin:8px 0 20px}.profile-page{justify-content:center}.profile-page .paper-panel{margin-top:30px}.avatar-options{display:flex;gap:10px;flex-wrap:wrap}.avatar-options button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--paper-bg)}.avatar-options button.selected{border:2px solid var(--brown)}.avatar-options .avatar-upload{width:auto;border-radius:999px;padding:0 15px;display:flex;gap:6px;align-items:center}.join-page{align-items:flex-start}.join-page .narrow-content{margin:auto}.invite-checker>.button{width:100%}.invitation-preview{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.inviter{display:flex;gap:13px;align-items:center}.inviter div{display:flex;flex-direction:column}.invitation-meta{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.invitation-meta span{padding:4px 9px;background:var(--paper-bg);border-radius:99px;font-size:.72rem}.invite-demo-codes{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;font-size:.74rem;color:var(--muted)}.invite-demo-codes button{border:0;border-bottom:1px solid var(--border);background:none}.messenger{position:relative;display:inline-block;border-radius:48% 52% 44% 56%;background:var(--sage);box-shadow:inset -10px -9px 20px rgba(82,68,59,.08);transition:transform .3s}.messenger.small{width:44px;height:52px}.messenger.medium{width:76px;height:88px}.messenger.large{width:112px;height:130px}.messenger.cloud{background:#d6d7d1;border-radius:55% 45% 50% 50%}.messenger.ember{background:var(--dusty-pink);border-radius:50% 50% 42% 58%}.messenger.pebble{background:var(--lavender);border-radius:46% 54% 60% 40%}.eye{position:absolute;top:42%;width:4px;height:4px;border-radius:50%;background:#3f3b38}.eye.left{left:40%}.eye.right{left:55%}.messenger.carrying{animation:float 2.5s ease-in-out infinite}.messenger.happy{transform:rotate(3deg) scale(1.03)}.tiny-letter{position:absolute;right:-16%;bottom:12%;font-size:1.4rem}@keyframes float{50%{transform:translateY(-5px)}}.story-illustration{position:relative;min-height:190px;overflow:hidden;background:linear-gradient(160deg,#d7dddc,#eee4e2 60%,#f2eadf);border-radius:18px}.illustration-moon{position:absolute;width:46px;height:46px;border-radius:50%;top:20%;right:20%;background:rgba(250,248,243,.8)}.illustration-house{position:absolute;width:80px;height:58px;left:28%;bottom:21%;background:#9e8e84;clip-path:polygon(10% 30%,50% 0,90% 30%,90% 100%,10% 100%)}.illustration-light{position:absolute;width:12px;height:19px;left:calc(28% + 48px);bottom:26%;background:#dfc28e;box-shadow:0 0 24px #eacb94}.illustration-ground{position:absolute;left:-10%;bottom:-22%;width:120%;height:42%;border-radius:50%;background:rgba(250,248,243,.75)}.illustration-1{background:linear-gradient(165deg,#c8d4d6,#d8c9d5 52%,#eee5dc)}.illustration-1 .illustration-house{left:60%;transform:scale(.7)}.illustration-2{background:linear-gradient(155deg,#e0d2ca,#cbd5d4 58%,#e8e2da)}.illustration-2 .illustration-moon{left:16%;right:auto}.home-hero{min-height:220px;display:flex;justify-content:space-between;align-items:center;padding:20px 7% 30px;border-bottom:1px solid var(--border)}.home-hero>div{max-width:650px}.home-hero h1{margin:.4rem 0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 58px}.quick-actions a{display:flex;align-items:center;gap:10px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:rgba(250,248,243,.74)}.quick-actions a svg:last-child{margin-left:auto}.dashboard-section{margin-bottom:58px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title h2{margin:.2rem 0}.section-title>a{font-size:.82rem;color:var(--muted)}.exchange-overview{display:grid;grid-template-columns:2fr 1fr;gap:16px}.exchange-card{display:grid;grid-template-columns:150px 1fr auto;gap:22px;align-items:center}.exchange-card-art{height:130px;border-radius:16px;background:linear-gradient(150deg,var(--mist-blue),#e4dbd7);display:flex;justify-content:center;align-items:flex-end;padding-bottom:23px}.exchange-card-art .thread{width:32px;border-top:1px dashed var(--brown);margin-bottom:18px}.exchange-card h3{font-size:1.4rem;margin:10px 0 4px}.exchange-people{display:flex;align-items:center;margin-top:15px}.exchange-people>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--dusty-pink);border:2px solid var(--paper)}.exchange-people>span+span{margin-left:-7px;background:var(--mist-blue)}.exchange-people small{margin-left:8px}.card-action{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--brown)}.status-stack{display:grid;gap:10px}.status-summary{display:flex;gap:14px;align-items:center;padding:17px}.status-summary>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper-bg)}.status-summary div{display:flex;flex-direction:column}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.collection-grid .paper-panel{box-shadow:none}.collection-grid h3{margin:8px 0}.collection-grid a{font-size:.8rem;font-weight:700;color:var(--brown)}.collection-icon{font-size:1.4rem}.exchange-timeline{display:grid;grid-template-columns:repeat(5,1fr);margin:45px 0}.timeline-step{position:relative;display:flex;align-items:center;gap:10px}.timeline-step:after{content:"";position:absolute;left:34px;right:4px;top:14px;border-top:1px solid var(--border);z-index:-1}.timeline-step>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper-deep)}.timeline-step.done>span{background:var(--sage);color:white}.timeline-step.active>span{box-shadow:0 0 0 5px rgba(196,162,119,.16)}.timeline-step div{display:flex;flex-direction:column;background:var(--paper-bg);padding-right:8px}.timeline-step small{font-size:.67rem;color:var(--muted)}.space-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.letter-list{display:grid;gap:10px}.letter-list-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px}.letter-direction{padding:5px 8px;border-radius:8px;background:var(--mist-blue);font-size:.7rem}.letter-direction.outgoing{background:var(--dusty-pink)}.letter-list-item h3,.letter-list-item p{margin:0}.letter-list-item p{font-size:.8rem}.create-page{max-width:1180px}.choice-dimensions{display:grid;gap:30px}.choice-dimensions fieldset{border:0;margin:0;padding:0}.choice-dimensions legend{font-family:var(--serif);font-size:1.3rem;margin-bottom:14px}.choice-dimensions legend span{font-family:var(--sans);font-size:.72rem;color:var(--muted);margin-right:7px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-card{text-align:left;position:relative;min-height:140px;border:1px solid var(--border);border-radius:20px;background:var(--paper);padding:24px 24px 22px 58px;display:flex;flex-direction:column;gap:7px}.choice-card.selected{border:2px solid rgba(107,85,72,.55);background:#fffdf8}.choice-radio{position:absolute;left:20px;top:22px;width:24px;height:24px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center}.choice-card.selected .choice-radio{background:var(--brown);color:white}.choice-card small{color:var(--muted)}.combination-preview{margin-top:24px;background:linear-gradient(100deg,rgba(202,213,214,.34),rgba(250,248,243,.85));box-shadow:none}.combination-preview h3{margin:5px 0}.context-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:22px}.context-layout aside{display:grid;gap:14px;align-content:start}.event-card{position:relative;padding:42px;background:#fffdf8;border:1px solid var(--border);box-shadow:var(--shadow)}.card-pin{position:absolute;top:14px;left:50%;width:36px;height:7px;border-radius:9px;background:var(--dusty-pink);opacity:.65}.event-card h2{font-size:1.8rem}.event-card .compact{margin-bottom:14px}.context-row{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--border);padding:12px 0}.context-row span{font-size:.8rem;font-weight:700}.context-row p{margin:0}.privacy-note{display:block;margin-top:18px;color:var(--muted)}.material-drop{text-align:center}.material-drop svg{margin:8px}.material-drop strong{display:block}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.theme-card{min-height:145px;padding:22px;text-align:left;border:1px solid var(--border);border-radius:18px;background:var(--paper);display:flex;flex-direction:column;gap:9px}.theme-card.selected{border:2px solid var(--sage)}.theme-dot{width:22px;height:22px;border-radius:50% 50% 45% 55%;background:var(--dusty-pink)}.theme-card:nth-child(2n) .theme-dot{background:var(--mist-blue)}.theme-card small{color:var(--muted)}.custom-theme{margin-top:18px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-summary{background:linear-gradient(145deg,rgba(202,213,214,.35),var(--paper))}.review-summary dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.review-summary dt{color:var(--muted)}.delivery-options{display:grid;gap:10px}.delivery-options>button,.send-options>button{width:100%;display:flex;gap:14px;text-align:left;border:1px solid var(--border);border-radius:16px;background:#fffefa;padding:18px}.delivery-options>button.selected,.send-options>button.selected{border:2px solid var(--brown)}.delivery-options small,.delivery-options strong{display:block}.delivery-options small{color:var(--muted)}.invite-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.invitation-card{text-align:center}.invite-code{display:block;font-size:2.8rem;letter-spacing:.16em;font-family:var(--serif);margin:28px}.invite-buttons{display:grid;gap:9px}.share-simulate{margin-top:12px;border:0;background:none;color:var(--muted)}.message-preview{display:flex;gap:12px;padding:18px;border-radius:16px;background:var(--paper-bg)}.message-preview p{margin:0}.invite-link{display:flex;gap:8px;margin-top:16px;align-items:center;overflow:hidden}.invite-link code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-status{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.join-status>div:first-child{display:flex;gap:12px;align-items:center}.join-status>div>div{display:flex;flex-direction:column}.status-orb{width:16px;height:16px;border-radius:50%;background:var(--mist-gray)}.status-orb.joined{background:var(--sage)}.join-simulation{display:flex;gap:10px}.join-simulation>button:last-child{border:0;background:none;display:flex;gap:6px;align-items:center}.big-theme{max-width:800px;padding:70px;margin:0 auto;text-align:center;background:linear-gradient(145deg,rgba(189,180,195,.3),var(--paper))}.big-theme h2{font-size:2.3rem}.write-page{max-width:1440px}.write-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:30px}.write-header>div{text-align:center}.write-header h1{margin:.2rem}.write-header .private-badge{justify-self:end}.write-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.writing-prompt{box-shadow:none;margin-bottom:14px;padding:18px 22px}.writing-prompt span{font-size:.72rem;color:var(--muted)}.writing-prompt p{font-family:var(--serif);margin:3px 0;color:var(--text)}.story-editor{border:1px solid var(--border);border-radius:20px;background:var(--paper);overflow:hidden}.editor-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 18px}.editor-tabs button{border:0;background:none;padding:14px 18px;color:var(--muted);border-bottom:2px solid transparent}.editor-tabs button.active{color:var(--brown);border-color:var(--brown)}.editor-text textarea{width:100%;min-height:370px;padding:28px;border:0;outline:0;resize:vertical;background:transparent;font-family:var(--serif);font-size:1.05rem;line-height:2}.editor-meta{display:flex;justify-content:space-between;padding:12px 24px;color:var(--muted);font-size:.72rem;border-top:1px solid var(--border)}.image-uploader,.recorder{min-height:350px;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recorder-head{width:100%;display:flex;gap:8px;align-items:center;position:absolute;top:72px;padding:0 28px}.recorder{position:relative}.recorder-head span{margin-left:auto;color:var(--muted);font-size:.74rem}.record-ready{display:flex;flex-direction:column;align-items:center}.recording{text-align:center}.waveform{height:70px;display:flex;align-items:center;gap:5px}.waveform i{width:4px;height:18px;background:var(--brown);border-radius:8px;animation:wave .8s ease-in-out infinite alternate}@keyframes wave{to{height:54px}}.image-uploader>svg{padding:14px;width:58px;height:58px;border-radius:50%;background:var(--paper-bg)}.media-list{border-top:1px solid var(--border);padding:14px;display:grid;gap:8px}.media-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--paper-bg)}.media-icon,.media-item img,.mock-photo{width:42px;height:42px;border:0;border-radius:10px;display:grid;place-items:center;object-fit:cover;background:var(--mist-blue)}.media-item div{display:flex;flex-direction:column}.media-item small{color:var(--muted)}.ai-companion{position:relative;align-self:start;min-height:410px;border:1px solid var(--border);border-radius:20px;background:rgba(239,235,227,.6);padding:24px}.companion-character{border:0;background:none;display:flex;align-items:center;gap:10px}.companion-character>span{font-size:.76rem;color:var(--muted)}.companion-panel{margin-top:18px;padding:18px;border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}.companion-title{display:flex;gap:7px;align-items:center}.companion-panel>button{width:100%;text-align:left;border:0;background:var(--paper-bg);border-radius:9px;padding:8px;margin:3px 0}.companion-panel blockquote{margin:12px 0;padding-left:12px;border-left:2px solid var(--ochre);font-family:var(--serif);color:var(--muted)}.companion-panel .close-companion{background:none;text-align:center}.simulate-pause{position:absolute;bottom:18px;left:18px;right:18px;border:1px dashed var(--border);border-radius:10px;background:none;padding:8px;color:var(--muted);font-size:.7rem}.gentle-bubble{position:absolute;top:95px;left:25px;right:25px;border:0;border-radius:14px 14px 14px 3px;background:var(--paper);padding:12px;box-shadow:var(--shadow)}.privacy-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.privacy-layers .paper-panel>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mist-blue);font-size:.72rem}.organize-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-panel{background:rgba(235,230,221,.55);box-shadow:none}.source-panel>p{white-space:pre-wrap;line-height:2}.source-media{padding:10px;border-top:1px solid var(--border);display:flex;flex-direction:column}.organized-panel textarea{width:100%;min-height:390px;border:0;background:transparent;resize:vertical;outline:0;font-family:var(--serif);line-height:2}.change-note{display:flex;gap:6px;align-items:center;font-size:.72rem;color:#65705b}.version-tools{display:flex;gap:8px;margin-top:14px}.confirm-notice{display:flex;gap:12px;margin:20px 0;padding:16px;background:rgba(202,213,214,.26);border-radius:14px}.confirm-notice p{margin:0}.compose-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px}.compose-controls{display:grid;gap:14px;align-content:start}.ratio-control{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.ratio-control button{border:1px solid var(--border);border-radius:10px;background:var(--paper-bg);padding:9px 5px;font-size:.69rem}.ratio-control button.active{border:2px solid var(--brown)}.ratio-icon{height:24px;display:block;margin-bottom:4px;background:linear-gradient(90deg,var(--brown) 70%,var(--mist-blue) 70%)}.ratio-icon.balanced{background:linear-gradient(90deg,var(--brown) 50%,var(--mist-blue) 50%)}.ratio-icon.image{background:linear-gradient(90deg,var(--brown) 28%,var(--mist-blue) 28%)}.illustration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.illustration-options button{border:1px solid var(--border);padding:4px;border-radius:10px;background:white}.illustration-options button.selected{border:2px solid var(--brown)}.illustration-options .story-illustration{min-height:70px}.illustration-options span{font-size:.65rem}.letter-paper{width:min(730px,100%);margin:0 auto;background:#fffdf8;border:1px solid rgba(107,85,72,.14);box-shadow:0 24px 70px rgba(75,59,49,.12);padding:58px;border-radius:4px;min-height:760px}.letter-paper header{text-align:center;margin-bottom:28px}.letter-paper footer,.letter-paper header span{font-size:.68rem;color:var(--muted)}.letter-paper .story-illustration{margin:20px 0 32px}.letter-copy{font-family:var(--serif);font-size:1.03rem;line-height:2.15}.letter-paper footer{border-top:1px solid var(--border);padding-top:15px;margin-top:40px;display:flex;justify-content:space-between}.layout-text .story-illustration{min-height:120px}.layout-image .story-illustration{min-height:330px}.preview-stage{padding:48px;background:linear-gradient(145deg,rgba(202,213,214,.25),rgba(217,189,189,.18));border-radius:26px}.send-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.send-options>button{padding:24px}.send-options h3{margin:0}.send-options p{margin:5px 0}.schedule-panel{margin-top:16px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:15px}.schedule-panel>div{display:flex;flex-direction:column;align-items:end}.send-confirm{display:flex;gap:14px;margin-top:20px;align-items:center}.send-confirm h3,.send-confirm p{margin:0}.send-demo-error{text-align:center;margin:14px}.send-demo-error button{border:0;background:none;color:var(--muted);font-size:.7rem}.waiting-page{text-align:center}.waiting-visual{height:220px;position:relative;width:min(620px,100%);margin:auto}.held-letter{position:absolute;left:30%;top:70px;width:74px;height:52px;border:1px solid var(--border);display:grid;place-items:center;background:var(--paper);font-size:1.6rem}.waiting-thread{position:absolute;left:calc(30% + 74px);right:25%;top:96px;border-top:1px dashed var(--brown)}.waiting-dot{position:absolute;right:23%;top:89px;width:15px;height:15px;border-radius:50%;background:var(--dusty-pink);animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(1.4);opacity:.6}}.waiting-page header{max-width:650px;margin:auto}.waiting-statuses{display:flex;justify-content:center;gap:12px;margin:35px}.waiting-statuses>div{display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;background:var(--paper-deep);font-size:.76rem}.waiting-statuses .done{background:rgba(173,184,159,.3)}.waiting-actions{gap:10px}.delivery-page,.waiting-actions{display:flex;justify-content:center}.delivery-page{min-height:calc(100vh - 68px);flex-direction:column}.delivery-animation{height:330px;position:relative;overflow:hidden}.delivery-ground{position:absolute;left:5%;right:5%;bottom:42px;border-top:1px solid var(--border)}.delivery-character{position:absolute;left:-20%;bottom:42px;transition:left 1.3s cubic-bezier(.2,.8,.3,1)}.delivery-animation.arrived .delivery-character{left:42%}.delivered-envelope{position:absolute;left:50%;bottom:70px;opacity:0;transform:translateY(15px);transition:.4s .9s;display:flex;flex-direction:column;align-items:center}.delivery-animation.arrived .delivered-envelope{opacity:1;transform:none}.delivery-animation.reduced .delivery-character{transition:none}.delivery-message{text-align:center;opacity:0;transform:translateY(12px);transition:.5s}.delivery-message.visible{opacity:1;transform:none}.delivery-message>button:last-child{display:block;margin:12px auto;border:0;background:none;color:var(--muted)}.letter-cover{width:min(720px,100%);min-height:760px;margin:30px auto;padding:70px;text-align:center;background:#fffdf8;border:1px solid var(--border);box-shadow:var(--shadow)}.cover-window .story-illustration{min-height:270px;margin:35px 0}.cover-seal{display:block;width:80px;height:80px;border:1px solid var(--dusty-pink);border-radius:50%;margin:38px auto 25px;display:grid;place-items:center;font-family:var(--serif);font-size:.7rem}.cover-kicker{color:var(--muted);font-size:.75rem}.letter-reader{width:min(860px,100%);margin:20px auto}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.narration-control{display:flex;gap:8px;align-items:center;font-size:.72rem;color:var(--muted)}.narration-control button{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--paper)}.reader-page{min-height:620px;padding:65px;background:#fffdf8;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.reader-page .story-illustration{width:100%;min-height:420px}.reader-copy{max-width:600px;font-family:var(--serif);font-size:1.1rem;line-height:2.25}.reader-nav{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.reading-progress{height:3px;background:var(--paper-deep);margin-top:14px}.reading-progress span{display:block;height:100%;background:var(--ochre);transition:width .3s}.reader-complete{text-align:center;margin:30px}.reaction-page{max-width:1050px}.reaction-page .page-heading{text-align:center;margin-left:auto;margin-right:auto}.reaction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.reaction-grid button{min-height:190px;border:1px solid var(--border);border-radius:45% 55% 48% 52%;background:var(--paper);padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.reaction-grid button.selected{border:2px solid var(--brown);background:#fffdf8;transform:translateY(-4px)}.reaction-grid button>span{font-size:2.2rem}.reaction-grid small{color:var(--muted)}.reply-choice-page{text-align:center;max-width:1050px}.reply-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:white;margin:20px auto}.reply-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.reply-options .paper-panel{display:flex;flex-direction:column;align-items:center}.reply-options p{min-height:80px}.intersection-ready{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:720px;margin:auto}.intersection-ready>div{display:flex;gap:10px}.intersection-loading{min-height:65vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.crossing-line{position:absolute;top:50%;width:38%;border-top:2px solid var(--mist-blue)}.crossing-line.a{left:4%;transform:rotate(8deg)}.crossing-line.b{right:4%;transform:rotate(-8deg);border-color:var(--dusty-pink)}.view-switch{display:flex;padding:4px;background:var(--paper-deep);border-radius:999px}.view-switch button{border:0;border-radius:999px;background:none;padding:7px 12px}.view-switch button.active{background:var(--paper)}.viewpoint-comparison{display:grid;grid-template-columns:1fr 180px 1fr;gap:22px;align-items:center}.viewpoint{padding:38px;border-radius:24px;background:var(--paper);border:1px solid var(--border)}.viewpoint.a{border-top:5px solid var(--mist-blue)}.viewpoint.b{border-top:5px solid var(--dusty-pink)}.viewpoint blockquote{font-family:var(--serif);margin:20px 0 0;padding:14px;border-left:2px solid var(--ochre);background:var(--paper-bg)}.intersection-line{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.intersection-line i{height:100px;border-left:1px dashed var(--brown)}.intersection-summary{margin-top:24px;text-align:center;padding:34px}.intersection-summary p{font-family:var(--serif);font-size:1.1rem}.intersection-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intersection-timeline>div{padding:24px;border-top:3px solid var(--mist-blue);background:var(--paper)}.intersection-timeline>div:nth-child(2){border-color:var(--lavender)}.intersection-timeline>div:nth-child(3){border-color:var(--dusty-pink)}.memory-fragment{display:grid;grid-template-columns:310px 1fr;gap:35px;padding:24px;background:var(--paper);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.memory-fragment h2{font-size:2rem}.fragment-meta{display:flex;gap:8px;flex-wrap:wrap}.fragment-meta span{padding:4px 8px;border-radius:99px;background:var(--paper-bg);font-size:.7rem}.fragment-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.large-link{margin-top:20px;padding:20px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:15px;background:var(--paper)}.large-link svg:last-child{margin-left:auto}.tree-stage{position:relative;min-height:580px;border-radius:28px;background:linear-gradient(160deg,#dbe0de,#eee5e0 65%,#eee5d8);overflow:hidden}.memory-tree{position:absolute;inset:0}.tree-crown{position:absolute;top:8%;width:44%;height:45%;border-radius:48% 52% 45% 55%;filter:blur(.2px)}.crown-a{left:15%;background:rgba(173,184,159,.7)}.crown-b{right:14%;background:rgba(189,180,195,.62)}.tree-trunk{position:absolute;top:37%;bottom:18%;width:38px;background:#947b65;border-radius:50% 50% 20% 20%}.trunk-a{left:46%;transform:rotate(5deg)}.trunk-b{right:46%;transform:rotate(-5deg)}.tree-roots{left:30%;right:30%;bottom:15%;height:60px;border-bottom:2px solid rgba(107,85,72,.4)}.tree-roots,.tree-soil{position:absolute;border-radius:50%}.tree-soil{left:0;right:0;bottom:-14%;height:32%;background:rgba(196,162,119,.3)}.tree-node{position:absolute;left:40%;top:22%;border:0;background:none}.fruit{display:block;width:42px;height:48px;border-radius:50% 50% 45% 55%;background:var(--dusty-pink);box-shadow:0 0 0 8px rgba(250,248,243,.25)}.tree-node small{display:block;margin-top:7px;padding:4px 8px;border-radius:99px;background:rgba(250,248,243,.8)}.tree-lock{top:45%;transform:translate(-50%,-50%);max-width:280px;text-align:center;flex-direction:column;gap:10px}.tree-fragment-link,.tree-lock{position:absolute;left:50%;display:flex;align-items:center}.tree-fragment-link{bottom:25px;transform:translateX(-50%);gap:6px;padding:9px 13px;border-radius:99px;background:var(--paper)}.tree-legend{display:flex;gap:15px}.tree-legend span{font-size:.72rem}.tree-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-a{background:var(--sage)}.legend-b{background:var(--lavender)}.watering{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:18px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--paper)}.watering-characters{display:flex}.watering h3,.watering p{margin:0}.past-memories{margin-top:55px}.tree-empty-copy{text-align:center;margin-top:18px}.tree-empty-copy svg{margin:auto}.profile-hero{display:flex;align-items:center;gap:20px;padding-bottom:34px;border-bottom:1px solid var(--border)}.profile-hero>div:nth-child(2){flex:1 1}.profile-hero h1{margin:.2rem 0}.personal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 50px}.personal-stats .paper-panel{display:flex;flex-direction:column}.personal-stats strong{font-size:1.7rem}.personal-section{margin-bottom:45px}.private-materials{display:grid;gap:10px}.private-materials .paper-panel{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px}.private-materials h3,.private-materials p{margin:0}.private-materials small{color:var(--muted)}.account-links{display:grid;background:var(--paper);border:1px solid var(--border);border-radius:20px;overflow:hidden}.account-links a{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.account-links a:last-child{border-bottom:0}.account-links span{color:var(--muted)}.privacy-summary{display:flex;gap:14px;align-items:center}.privacy-summary div{flex:1 1}.privacy-summary h3,.privacy-summary p{margin:0}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:30px}.settings-nav{position:sticky;top:100px;align-self:start;display:grid}.settings-nav a{padding:9px 12px;color:var(--muted)}.settings-layout main{display:grid;gap:14px}.settings-title{display:flex;gap:12px}.settings-title h2,.settings-title p{margin:0}.current-messenger{display:flex;align-items:center;gap:16px;margin-top:20px}.current-messenger>div:nth-child(2){flex:1 1}.setting-row{display:flex;justify-content:space-between;padding:15px 0}.setting-row span{display:flex;gap:8px}.privacy-list{color:var(--muted)}.danger-button,.logout-button{border:1px solid rgba(170,80,70,.25);background:rgba(217,189,189,.17);color:#9a554e;border-radius:12px;padding:10px 15px;display:flex;gap:8px}.messenger-quiz{max-width:740px;margin:auto;text-align:center;padding:50px}.messenger-quiz>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.messenger-quiz>div button{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--paper-bg)}.skip-quiz{margin-top:20px;border:0;background:none;color:var(--muted)}.messenger-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.messenger-options>button{padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--paper);display:flex;flex-direction:column;align-items:center}.messenger-options>button.selected{border:2px solid var(--brown)}.messenger-note{margin-top:16px}.demo-control-page{max-width:1260px;margin:auto;padding:55px}.demo-control-page>header{display:flex;justify-content:space-between;align-items:flex-start}.demo-control-page h1{margin:.2rem 0}.demo-control-page section{margin-top:36px}.demo-users>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-users>div>button{display:grid;grid-template-columns:auto 1fr auto;text-align:left;align-items:center;gap:12px;border:1px solid var(--border);border-radius:16px;background:var(--paper);padding:16px}.demo-users>div>button.active{border:2px solid var(--brown)}.demo-users button div{display:flex;flex-direction:column}.demo-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.control-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--paper);padding:15px}.control-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper-bg)}.control-card div{display:flex;flex-direction:column}.control-card small{color:var(--muted)}.demo-state pre{max-height:260px;overflow:auto;padding:20px;border-radius:14px;background:#403b38;color:#f5efe5;font-size:.72rem}.demo-control-page footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.style-lab section{margin-top:45px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatches>div{padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--paper);display:grid}.swatches span{height:80px;border-radius:8px}.swatches code{font-size:.7rem;color:var(--muted)}.lab-characters{display:flex;gap:30px;align-items:end;flex-wrap:wrap}.lab-characters .story-illustration{width:260px}.lab-states{display:grid;gap:10px}.lab-buttons{display:flex;gap:10px}.state-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--paper-deep);font-size:2rem;margin-bottom:15px}.state-mark svg{width:28px}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:rgba(60,53,49,.3);display:grid;place-items:center;padding:20px}.dialog{position:relative;width:min(460px,100%);padding:32px;border-radius:20px;background:var(--paper);box-shadow:0 30px 90px rgba(40,34,30,.25)}.dialog-close{position:absolute;right:12px;top:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.brand-copy{width:min(78vw,920px);max-width:88vw;padding-top:18vh}.brand-copy h1{max-width:100%;font-size:clamp(2.4rem,8.5vw,8.8rem);line-height:1.1;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.brand-statement{font-family:var(--serif);font-size:clamp(.96rem,1.3vw,1.25rem);line-height:2}.brand-statement span{display:block;word-break:keep-all}@media(max-width:1000px){.app-shell{padding-left:0}.side-nav{transform:translateX(-102%);transition:transform .25s;top:0;z-index:60;background:var(--paper-bg)}.side-nav.open{transform:none}.mobile-menu,.side-close{display:grid}.side-close{position:absolute;right:10px;top:10px}.page{padding:42px 28px 90px}.auth-page,.compose-layout,.context-layout,.entry-choice-grid,.exchange-overview,.invite-layout,.review-grid,.settings-layout,.viewpoint-comparison,.write-layout{grid-template-columns:1fr}.auth-aside{min-height:380px}.auth-aside>div:last-child{padding:80px 10%}.reaction-grid{grid-template-columns:repeat(3,1fr)}.viewpoint-comparison{gap:12px}.intersection-line{padding:10px}.intersection-line i{height:30px}.messenger-options{grid-template-columns:repeat(2,1fr)}.write-header{grid-template-columns:1fr auto}.write-header>a{grid-column:1/-1}.write-header>div{text-align:left}.ai-companion{min-height:300px}.account-links a{grid-template-columns:auto 1fr auto}.account-links span{display:none}}@media(max-width:720px){h1{font-size:2rem}.page{padding:34px 18px 86px}.app-header{padding:0 14px}.demo-tag,.user-chip>span:last-child{display:none}.inline-heading,.sticky-actions{flex-wrap:wrap}.sticky-actions{bottom:8px}.sticky-actions>div:first-child,.sticky-actions>span{width:100%}.choice-grid,.collection-grid,.compare-layout,.demo-scenario-grid,.entry-choice-grid,.fragment-links,.personal-stats,.privacy-layers,.quick-actions,.reply-options,.send-options,.space-actions,.swatches,.theme-grid{grid-template-columns:1fr}.entry-choice{min-height:auto}.auth-form{padding:38px 24px}.exchange-card{grid-template-columns:1fr}.status-stack{grid-template-columns:repeat(3,1fr)}.status-summary{padding:10px;display:block}.exchange-timeline{overflow-x:auto;grid-template-columns:repeat(5,170px);padding-bottom:10px}.context-row{grid-template-columns:1fr}.event-card{padding:28px 20px}.join-status,.schedule-panel{display:flex;flex-direction:column;align-items:stretch}.letter-paper{padding:28px 22px;min-height:620px}.preview-stage{padding:15px}.reaction-grid{grid-template-columns:1fr 1fr}.reaction-grid button{min-height:145px}.reader-page{padding:25px;min-height:520px}.memory-fragment{grid-template-columns:1fr}.tree-stage{min-height:450px}.watering{grid-template-columns:1fr;text-align:center}.profile-hero{flex-wrap:wrap}.settings-nav{position:static;grid-template-columns:1fr 1fr}.messenger-quiz>div{grid-template-columns:1fr}.demo-control-page{padding:30px 18px}.demo-control-page>header{display:block}.demo-users>div{grid-template-columns:1fr}.wordmark span:last-child{display:none}.ratio-control{grid-template-columns:1fr}.letter-paper footer{display:block}.waiting-statuses{flex-direction:column}.compose-controls{order:2}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.personalization-page{max-width:1220px}.personalization-section{margin-top:64px}.stationery-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:26px;align-items:start}.stationery-controls{display:grid;gap:14px}.stationery-controls .paper-panel h3{margin-bottom:16px}.stationery-controls>.button{width:100%}.stationery-color-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stationery-color-options button,.stationery-texture-options button{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--paper-bg);text-align:left}.stationery-color-options button{min-height:46px;padding:8px 34px 8px 9px;display:flex;align-items:center;gap:9px}.stationery-color-options button i{width:27px;height:27px;border:1px solid rgba(107,85,72,.18);border-radius:50%}.stationery-color-options button svg,.stationery-texture-options button svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.stationery-color-options button.selected,.stationery-texture-options button.selected{border-color:var(--brown);box-shadow:0 0 0 1px var(--brown)}.stationery-texture-options{display:grid;gap:8px}.stationery-texture-options button{padding:11px 38px 11px 13px;display:grid;gap:2px}.stationery-texture-options small{color:var(--muted)}.stationery-preview{position:sticky;top:92px;padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(202,213,214,.25),rgba(217,189,189,.18))}.stationery-preview>.eyebrow{margin-bottom:16px}.stationery-preview .letter-paper{min-height:600px;padding:46px}.stationery-texture-clean{background-image:none}.stationery-texture-fiber{background-image:repeating-linear-gradient(8deg,rgba(107,85,72,.025),rgba(107,85,72,.025) 1px,transparent 0,transparent 7px)}.stationery-texture-mist{background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.46),transparent 34%),linear-gradient(145deg,rgba(202,213,214,.16),transparent 60%)}.stationery-texture-vintage{background-image:linear-gradient(90deg,rgba(196,162,119,.09),transparent 14%,transparent 86%,rgba(196,162,119,.08)),radial-gradient(circle at 50% 10%,rgba(255,255,255,.4),transparent 40%)}.stationery-texture-warm-grain{background-image:radial-gradient(rgba(107,85,72,.055) .7px,transparent .8px);background-size:5px 5px}.messenger-current,.messenger-empty,.messenger-result{display:flex;align-items:center;gap:28px;padding:38px}.messenger-current>div:last-child,.messenger-empty>div:last-child,.messenger-result>div:last-child{flex:1 1}.messenger-current h3,.messenger-result h3{font-size:1.65rem;margin:.35rem 0}.messenger-current>div>div,.messenger-result>div>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.messenger-options>button p{font-size:.75rem;margin:7px 0;min-height:48px}.messenger-options>button span{font-size:.72rem;color:var(--muted)}.messenger-color-panel{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;margin-top:18px}.messenger-color-panel h3{margin:.35rem 0 0}.messenger-color-options{display:flex;gap:10px}.messenger-color-options button{width:38px;height:38px;border:2px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px var(--border)}.messenger-color-options button.selected{box-shadow:0 0 0 2px var(--brown)}.messenger-color-options button svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.personalization-page>.status-banner{margin-top:34px}@media(max-width:900px){.stationery-layout{grid-template-columns:1fr}.stationery-preview{position:static}.messenger-options{grid-template-columns:1fr 1fr}.messenger-color-panel{grid-template-columns:1fr}.messenger-current,.messenger-empty,.messenger-result{align-items:flex-start}}@media(max-width:620px){.messenger-options,.stationery-color-options{grid-template-columns:1fr}.messenger-current,.messenger-empty,.messenger-result{flex-direction:column;padding:24px}.stationery-preview{padding:14px}.stationery-preview .letter-paper{padding:28px}.messenger-color-options{flex-wrap:wrap}}.illustration-3{background:linear-gradient(155deg,#bfcbd0,#d8cdd4 48%,#d8d5c9)}.illustration-3 .illustration-house{left:68%;transform:scale(.62)}.illustration-3 .illustration-moon{left:18%;right:auto;opacity:.7}.mode-a-nodes{display:grid;gap:24px}.mode-a-node{padding:28px;border:1px solid var(--border);border-radius:24px;background:rgba(250,248,243,.78)}.mode-a-node>header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.mode-a-node>header span{color:var(--muted);font-size:.75rem}.mode-a-node>header h2{margin:0}.mode-a-perspectives{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-a-perspectives .viewpoint{padding:24px}.node-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0}.node-reading div{padding:14px;border-radius:14px;background:var(--paper-bg)}.node-reading dt{font-size:.72rem;font-weight:700;color:var(--brown)}.node-reading dd{margin:6px 0 0;color:var(--muted);font-size:.82rem}.intersection-findings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.intersection-findings .paper-panel{box-shadow:none}.intersection-findings ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}.mode-a-timeline{grid-template-columns:repeat(5,1fr)}.mode-a-timeline h3{margin:8px 0}.mode-a-timeline small{color:var(--muted)}.memory-fragment blockquote{margin:14px 0;padding-left:14px;border-left:2px solid var(--ochre);font-family:var(--serif)}.memory-fragment-button{width:100%;padding:0;border:0;background:none;text-align:left}.memory-fragment-button .memory-fragment{transition:transform .2s,border-color .2s}.memory-fragment-button:hover .memory-fragment{transform:translateY(-2px);border-color:rgba(107,85,72,.38)}.reaction-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:920px){.intersection-findings,.mode-a-perspectives,.node-reading{grid-template-columns:1fr}.mode-a-timeline{grid-template-columns:1fr 1fr}}@media(max-width:620px){.mode-a-timeline,.reaction-grid{grid-template-columns:1fr}}.story-photo{margin:0}.story-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#e5e1d9}.story-photo figcaption{margin-top:9px;color:var(--muted);font-family:var(--serif);font-size:.76rem;line-height:1.7}.letter-cover .cover-window{margin:34px 0}.letter-cover .story-photo img{aspect-ratio:16/10}.letter-cover .story-photo figcaption{display:none}.letter-paper header>p{margin:8px 0 0;color:var(--muted);font-size:.72rem}.illustrated-letter{display:grid}.letter-scene{padding:40px 0 46px;border-top:1px solid var(--border)}.letter-scene:first-child{padding-top:0;border-top:0}.letter-scene .story-photo{margin-bottom:27px}.letter-scene-copy>span,.reader-copy>span{color:var(--ochre);font-size:.68rem;font-weight:700}.letter-scene-copy h2,.reader-copy h2{margin:7px 0 18px;font-size:1.55rem}.letter-scene-copy p{margin:0 0 1.1em;font-family:var(--serif);font-size:1rem;line-height:2.05}.layout-text .letter-scene .story-photo{width:72%;margin-right:auto;margin-left:auto}.layout-image .letter-scene .story-photo{width:calc(100% + 56px);margin-left:-28px}.illustration-plan-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.illustration-plan-heading div{display:flex;flex-direction:column}.illustration-plan-heading small,.illustration-plan-note{color:var(--muted);font-size:.7rem}.illustration-storyboard{display:grid;grid-template-columns:1fr 1fr;gap:11px}.illustration-storyboard figure{min-width:0;margin:0}.illustration-storyboard img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:3px}.illustration-storyboard figcaption{margin-top:5px;color:var(--muted);font-size:.64rem;line-height:1.45}.illustration-storyboard figcaption span{margin-right:5px;color:var(--ochre);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reader-page{align-items:stretch}.flowing-reader{width:min(920px,100%)}.flowing-reader .reader-toolbar{position:sticky;z-index:20;top:76px;gap:18px;margin-bottom:12px;border:1px solid rgba(107,85,72,.14);border-radius:6px;background:rgba(250,248,243,.94);box-shadow:0 12px 30px rgba(75,59,49,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.flowing-reader .reader-toolbar>div:first-child{display:flex;min-width:150px;flex-direction:column}.flowing-reader .reader-toolbar small{margin-top:2px;color:var(--muted);font-size:.66rem}.reader-controls{display:flex;align-items:center;gap:7px}.reader-controls button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--paper);color:var(--muted)}.reader-controls button.active{border-color:var(--ochre);background:rgba(196,162,119,.18);color:var(--brown)}.reader-controls button:disabled{cursor:default;opacity:.35}.reader-control-separator{width:1px;height:24px;margin:0 3px;background:var(--border)}.reader-controls input[type=range]{width:82px;accent-color:var(--ochre)}.reader-flow{min-height:720px;padding:76px clamp(34px,8vw,92px) 90px;border:1px solid rgba(107,85,72,.14);border-radius:4px;box-shadow:0 24px 70px rgba(75,59,49,.12);overflow:clip}.reader-reveal{max-height:0;margin:0;overflow:hidden;opacity:0;filter:blur(7px);transform:translateY(24px);transition:opacity 1.1s ease,filter 1.2s ease,transform 1.1s ease,max-height 1.1s ease,margin 1.1s ease}.reader-reveal.visible{max-height:1800px;opacity:1;filter:blur(0);transform:translateY(0)}.reader-heading.visible{margin-top:78px;margin-bottom:22px}.reader-heading:first-child.visible{margin-top:0}.reader-heading header{padding-top:28px;border-top:1px solid var(--border)}.reader-heading:first-child header{padding-top:0;border-top:0}.reader-heading span{color:var(--ochre);font-size:.68rem;font-weight:700}.reader-heading h2{margin:7px 0 0;font-size:1.7rem}.reader-paragraph.visible{margin-bottom:1.25em}.reader-paragraph p{margin:0;font-family:var(--serif);font-size:1.08rem;line-height:2.2}.reader-image.visible{width:calc(100% + 60px);margin:34px 0 42px -30px}.reader-image .story-photo img{box-shadow:0 18px 44px rgba(75,59,49,.1)}.reader-image .story-photo figcaption{padding:0 30px;text-align:center}.reader-flow-footer{display:flex;justify-content:space-between;padding:13px 8px 0}.reader-flow-footer button:disabled{opacity:.4}.reader-complete-visible{animation:reader-complete-arrive .8s ease both}@keyframes reader-complete-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reader-scene{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.15fr);gap:42px;width:100%;align-items:start}.reader-scene .story-photo{position:sticky;top:24px}.reader-copy{max-width:none}.reader-copy p{margin:0 0 1.15em}.mode-a-node-visual{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.mode-a-node-visual .viewpoint{border-radius:6px}@media (max-width:920px){.mode-a-node-visual,.reader-scene{grid-template-columns:1fr}.reader-scene .story-photo{position:static}}@media (max-width:620px){.letter-cover{padding:42px 22px;min-height:auto}.letter-scene{padding:30px 0 34px}.layout-image .letter-scene .story-photo,.layout-text .letter-scene .story-photo{width:100%;margin-right:0;margin-left:0}.letter-scene-copy h2,.reader-copy h2{font-size:1.3rem}.letter-scene-copy p,.reader-copy{font-size:.95rem;line-height:1.95}.reader-toolbar{align-items:flex-start;gap:10px}.flowing-reader .reader-toolbar{position:static;flex-direction:column}.reader-controls{width:100%}.reader-controls input[type=range]{min-width:64px;flex:1 1}.reader-flow{min-height:600px;padding:48px 24px 64px}.reader-heading.visible{margin-top:56px}.reader-heading h2{font-size:1.35rem}.reader-paragraph p{font-size:.98rem;line-height:2.05}.reader-image.visible{width:100%;margin:28px 0 34px}.reader-image .story-photo figcaption{padding:0}.narration-control>span{display:none}}