body:has(.story-exp){background:#12090d;color:#f3e6dc}.story-exp{--story-bg: #12090d;--story-surface: #1d1318;--story-fg: #f3e6dc;--story-muted: #c4a396;--story-accent: #c9a06a;--story-rose: #c47888;--story-line: rgba(201, 160, 106, .28);--story-paper: #f4eadc;--story-ink: #3a2a24;min-height:100dvh;background:var(--story-bg);color:var(--story-fg);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif}.story-exp h1,.story-exp h2,.story-exp h3,.story-serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.story-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem;background:var(--story-bg);text-align:center}.story-cover-frame{pointer-events:none;position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid var(--story-line);border-radius:2px}.story-petals{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.story-petal{position:absolute;top:-8vh;width:8px;height:14px;border-radius:70% 80% 40% 40%;background:color-mix(in srgb,var(--story-rose) 70%,var(--story-accent));opacity:.35;animation:story-drift linear infinite}.story-cover-copy{position:relative;z-index:1;width:min(32rem,100%)}.story-kicker{margin:0;color:var(--story-accent);font-size:.68rem;font-weight:600;letter-spacing:.38em;text-transform:uppercase}.story-years{margin-top:1.25rem}.story-years strong{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(5.5rem,18vw,8rem);font-weight:400;line-height:.78;letter-spacing:-.04em}.story-years span{display:block;margin-top:-.15rem;color:var(--story-accent);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.8rem,4vw,2.4rem);font-style:italic}.story-rule{width:4.5rem;height:1px;margin:1.4rem auto 0;background:linear-gradient(90deg,transparent,var(--story-accent),transparent)}.story-cover h1{margin:1.35rem 0 0;font-size:clamp(2rem,5vw,2.6rem);font-style:italic;line-height:1.15}.story-names{margin:.75rem 0 0;color:var(--story-muted);font-family:"Instrument Serif",Georgia,serif;font-size:1.25rem}.story-names b{color:var(--story-fg);font-weight:400}.story-names i{margin:0 .45rem;color:var(--story-accent);font-style:normal}.story-start{margin-top:2.4rem;min-height:3rem;padding:.75rem 2rem;border:1px solid var(--story-accent);border-radius:999px;background:transparent;color:var(--story-accent);font:inherit;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;animation:story-glow 2.8s 1.2s ease-out infinite}.story-start:hover{background:var(--story-accent);color:var(--story-bg)}.story-home{position:fixed;z-index:60;top:.85rem;left:.85rem;padding:.48rem .8rem;border-radius:999px;border:1px solid var(--story-line);background:color-mix(in srgb,var(--story-bg) 90%,#fff);box-shadow:0 10px 28px #00000059;color:var(--story-fg);font-size:.78rem;font-weight:650;letter-spacing:.01em;text-decoration:none}.story-home:hover{background:var(--story-accent);color:#1a100c;text-decoration:none}.story-bar{position:fixed;top:0;right:0;left:0;z-index:30;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--story-line);background:color-mix(in srgb,var(--story-bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-sample{margin-right:.55rem;color:var(--story-accent);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-style:normal;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.story-bar p{margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Instrument Serif",Georgia,serif;font-size:1.05rem;font-style:italic}.story-bar-back{flex-shrink:0;padding:.4rem .7rem;border:1px solid var(--story-line);border-radius:999px;background:color-mix(in srgb,var(--story-bg) 70%,#fff);box-shadow:0 8px 20px #00000047;color:var(--story-fg);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-style:normal;font-weight:650;letter-spacing:.01em;text-decoration:none}.story-bar-back:hover{background:var(--story-accent);color:#1a100c;text-decoration:none}.story-bar button,.story-icon-btn{border:1px solid var(--story-line);border-radius:999px;background:transparent;color:var(--story-fg);font:inherit;cursor:pointer}.story-bar button{padding:.4rem .8rem;font-size:.78rem;letter-spacing:.08em}.story-scroll{position:relative}.story-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;padding:2.25rem 1.15rem 1.75rem;background:var(--story-bg)}.story-scroll>.story-panel:first-child{padding-top:5rem}.story-panel h2{margin:.7rem 0 0;font-size:clamp(2.1rem,5vw,3.2rem);font-style:italic;text-align:center}.story-lead{margin:.7rem auto 0;max-width:36rem;color:var(--story-muted);text-align:center;font-size:.95rem}.story-clock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(46rem,100%);margin:1.6rem auto 0}.story-clock div{border:1px solid var(--story-line);border-radius:16px;background:var(--story-surface);padding:.9rem .4rem;text-align:center}.story-clock strong{display:block;color:var(--story-accent);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:400;font-variant-numeric:tabular-nums}.story-clock span{color:var(--story-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.ms-list{position:relative;width:min(42rem,100%);margin:2rem auto 0;padding:0;list-style:none}.ms-list:before{content:"";position:absolute;top:.4rem;bottom:.4rem;left:15px;width:1px;background:var(--story-line)}.ms-item{position:relative;margin:0 0 1.4rem}.ms-dot{position:absolute;top:1rem;left:11px;z-index:1;width:10px;height:10px;border:1px solid var(--story-accent);border-radius:999px;background:var(--story-bg)}.ms-item.is-open .ms-dot{background:var(--story-accent)}.ms-card{display:block;width:calc(100% - 2.5rem);margin-left:2.5rem;border:1px solid var(--story-line);border-radius:18px;background:var(--story-surface);padding:.95rem 1rem 1rem;color:inherit;text-align:left;cursor:pointer}.ms-item.is-open .ms-card{border-color:var(--story-accent)}.ms-card:hover{border-color:color-mix(in srgb,var(--story-accent) 70%,transparent)}.ms-date{margin:0;color:var(--story-accent);font-size:.72rem;letter-spacing:.06em}.ms-card h3{margin:.2rem 0 0;font-size:1.55rem;font-style:italic}.ms-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,0,0,1)}.ms-item.is-open .ms-body{grid-template-rows:1fr}.ms-body-inner{overflow:hidden}.ms-body img{display:block;width:100%;aspect-ratio:4 / 5;margin-top:.85rem;object-fit:cover;border-radius:12px}.ms-body p{margin:.75rem 0 .15rem;color:var(--story-muted);font-size:.95rem;line-height:1.6}.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(64rem,100%);margin:1.8rem auto 0}.polaroid{border:0;background:var(--story-paper);color:var(--story-ink);padding:.7rem .7rem .85rem;box-shadow:0 18px 40px #0804068c;cursor:zoom-in;text-align:left}.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.polaroid figcaption,.polaroid span{display:block;min-height:1.4rem;margin-top:.55rem;padding:0 .2rem .35rem;font-family:"Instrument Serif",Georgia,serif;font-size:.95rem}.polaroid:nth-child(4n+1){transform:rotate(-2deg)}.polaroid:nth-child(4n+2){transform:rotate(1.4deg)}.polaroid:nth-child(4n+3){transform:rotate(-1deg)}.polaroid:nth-child(4n){transform:rotate(2deg)}.polaroid:hover{transform:translateY(-6px) rotate(0)}.envelope{position:relative;width:min(22rem,100%);margin:2rem auto 0;border:0;background:transparent;padding:0;cursor:pointer;perspective:900px}.envelope-body{position:relative;height:190px;overflow:hidden;border:1px solid var(--story-line);border-radius:6px;background:var(--story-surface);box-shadow:0 18px 40px #00000059}.letter-peek{position:absolute;top:2.5rem;right:1.5rem;left:1.5rem;height:9rem;border-radius:2px;background:var(--story-paper);color:var(--story-ink);padding:.8rem 1rem;text-align:left;box-shadow:0 8px 18px #0000002e;transition:transform .8s cubic-bezier(.2,0,0,1)}.letter-peek strong{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:1.2rem;font-style:italic;font-weight:400}.letter-peek p{margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.envelope.open .letter-peek{transform:translateY(-.6rem)}.envelope-shade{position:absolute;right:0;bottom:0;left:0;height:6rem;background:linear-gradient(to top,var(--story-surface) 40%,transparent)}.envelope-flap{position:absolute;top:0;right:0;left:0;height:96px;border:1px solid var(--story-line);border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--story-accent) 35%,var(--story-surface)),var(--story-surface));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .7s cubic-bezier(.2,0,0,1)}.envelope.open .envelope-flap{transform:rotateX(175deg)}.envelope-seal{position:absolute;top:78px;left:50%;z-index:2;display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:999px;background:var(--story-rose);color:var(--story-paper);font-family:"Instrument Serif",Georgia,serif;font-size:1.3rem;transform:translate(-50%);box-shadow:0 8px 18px #0000004d;transition:transform .5s ease,opacity .5s ease}.envelope.open .envelope-seal{opacity:0;transform:translate(-50%) scale(.75)}.letter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#12090dcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.letter-paper{position:relative;width:min(32rem,100%);max-height:min(88dvh,46rem);overflow:auto;border-radius:2px;background:var(--story-paper);color:var(--story-ink);padding:2.6rem 1.7rem 2.2rem;box-shadow:0 24px 60px #00000073}.letter-paper h2{margin:0;font-size:2rem;font-style:italic;text-align:left}.letter-paper p{margin:1rem 0 0;font-family:"Instrument Serif",Georgia,serif;font-size:1.15rem;line-height:1.7;white-space:pre-wrap}.letter-close{position:absolute;top:.6rem;right:.6rem;width:2.4rem;height:2.4rem;border:1px solid rgba(58,42,36,.2);border-radius:999px;background:transparent;color:var(--story-ink);cursor:pointer}.quiz-card{width:min(36rem,100%);margin:1.5rem auto 0;border:1px solid var(--story-line);border-radius:18px;background:var(--story-surface);padding:1.15rem}.quiz-card h3{margin:0 0 .8rem;font-size:1.25rem;font-style:italic}.quiz-card button{display:block;width:100%;margin-top:.45rem;border:1px solid var(--story-line);border-radius:10px;background:transparent;color:var(--story-fg);padding:.7rem .8rem;font:inherit;text-align:left;cursor:pointer}.quiz-card button.is-correct{border-color:#3dca86;color:#d8ffe9}.quiz-card button.is-wrong{border-color:#f07167;color:#ffd2ce}.quiz-result{width:min(36rem,100%);margin:1.35rem auto 0;border:1px solid var(--story-line);border-radius:18px;background:var(--story-surface);padding:1.5rem 1.15rem 1.35rem;text-align:center}.quiz-score{margin:0;color:var(--story-accent);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(3rem,8vw,4.2rem);font-style:italic;line-height:.9}.quiz-score span{font-size:.55em}.quiz-remark{margin:.85rem auto 0;max-width:28rem;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.35rem,3vw,1.7rem);font-style:italic;line-height:1.35}.quiz-result button{margin-top:1.15rem;min-height:2.75rem;padding:.55rem 1.35rem;border:1px solid var(--story-accent);border-radius:999px;background:transparent;color:var(--story-accent);font:inherit;font-size:.85rem;letter-spacing:.04em;cursor:pointer}.quiz-result button:hover{background:var(--story-accent);color:var(--story-bg)}.story-close h2{font-size:clamp(2.4rem,6vw,3.6rem)}.story-close-line{margin:1rem auto 0;max-width:34rem;color:var(--story-muted);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.25rem,3vw,1.7rem);font-style:italic;line-height:1.45;text-align:center}.story-close .story-rule{margin-top:1.25rem}.story-close-names{margin:1.1rem auto 0;max-width:34rem;color:var(--story-muted);font-size:.92rem;line-height:1.6;text-align:center}.story-future-wrap{width:min(36rem,100%);margin:2rem auto 0;text-align:center}.story-future{width:min(36rem,100%);margin:.9rem auto 0;border:1px solid var(--story-line);border-radius:16px;padding:1.2rem 1.3rem;color:var(--story-muted);font-family:"Instrument Serif",Georgia,serif;font-size:1.2rem;line-height:1.7;white-space:pre-wrap;text-align:left}.story-foot{border-top:1px solid var(--story-line);padding:2.25rem 1rem 2.5rem;text-align:center}.story-foot p{margin:0;color:var(--story-muted);font-family:"Instrument Serif",Georgia,serif;font-size:1rem;font-style:italic}.story-foot p+p{margin-top:.85rem;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-style:normal;letter-spacing:.16em;text-transform:uppercase}.story-foot a{color:var(--story-accent)}.story-foot-heart{color:var(--story-rose)}.story-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;gap:.8rem;padding:1rem;background:#000000e0}.story-lightbox img{max-width:min(960px,100%);max-height:80dvh;object-fit:contain}.story-lightbox figcaption{margin:0;color:var(--story-paper);font-family:"Instrument Serif",Georgia,serif}.story-missing{display:grid;min-height:100dvh;place-items:center;padding:2rem;text-align:center}.story-missing a{color:var(--story-accent)}.rise-wait{opacity:0;transform:translateY(28px)}.rise-in{animation:story-rise .75s cubic-bezier(.2,0,0,1) both}@keyframes story-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes story-drift{0%{opacity:0;transform:translateY(110vh) rotate(0)}8%{opacity:.4}92%{opacity:.25}to{opacity:0;transform:translate(40px,-12vh) rotate(220deg)}}@keyframes story-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--story-accent) 35%,transparent)}50%{box-shadow:0 0 0 12px transparent}}@media (min-width: 720px){.story-panel{padding:3rem 1.5rem 2.25rem}.story-scroll>.story-panel:first-child{padding-top:5.5rem}.story-clock{grid-template-columns:repeat(6,minmax(0,1fr))}.ms-list:before{left:50%}.ms-dot{left:50%;transform:translate(-50%)}.ms-card{width:calc(50% - 28px);margin-left:0}.ms-item.is-right .ms-card{margin-left:auto}.ms-item.is-left .ms-card{margin-right:auto}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.letter-paper{padding:3.2rem 3rem 2.6rem}}@media (prefers-reduced-motion: reduce){.story-petal,.rise-in,.envelope-flap,.letter-peek,.story-start{animation:none;transition:none}.rise-wait{opacity:1;transform:none}}:root{color-scheme:light;--bg: #f5f4f0;--bg-2: #eceae4;--surface: #fffcf8;--ink: #141413;--ink-soft: #3d3c38;--muted: #6e6d67;--accent: #0f4c46;--accent-fg: #f5f4f0;--accent-soft: #e7f3f1;--card: var(--surface);--line: #e2dfd6;--radius: 14px;--font: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--shadow: 0 20px 50px -28px rgba(15, 20, 18, .45)}html.dark{color-scheme:dark;--bg: #101211;--bg-2: #161817;--surface: #1c1f1e;--ink: #f2f0ea;--ink-soft: #c9c6bc;--muted: #9b988e;--line: #2d312f;--accent: #5ec8b7;--accent-fg: #0c1614;--accent-soft: #14312e;--shadow: 0 20px 50px -28px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(72rem,100% - 2rem);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:10}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.logo{font-weight:700;color:var(--ink);letter-spacing:-.02em}.logo:hover{text-decoration:none;color:var(--accent)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 0}.nav-group{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.nav-session{margin-left:.85rem;padding-left:.95rem;border-left:1px solid var(--line)}.nav a{color:var(--muted);font-size:.95rem}.nav a:hover,.nav a.active{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost:hover{background:var(--card)}.hero{padding:3.5rem 0 2.5rem}.hero h1{font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 .85rem}.hero .lede{font-size:1.125rem;color:var(--muted);max-width:38rem;margin:0 0 1.5rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.section{padding:2rem 0}.section h2{font-size:1.35rem;margin:0 0 .75rem}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem}.card h3{margin:0 0 .4rem;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.stub{background:var(--accent-soft);border:1px dashed #fda4af;border-radius:var(--radius);padding:1.25rem 1.35rem;margin:1rem 0}.stub strong{color:var(--accent)}.steps{counter-reset:step;list-style:none;padding:0;margin:1.25rem 0 0}.steps li{counter-increment:step;position:relative;padding:.9rem 0 .9rem 3rem;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);position:absolute;left:0;top:.85rem;width:2rem;height:2rem;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}.site-footer{margin-top:3rem;border-top:1px solid var(--line);padding:1.75rem 0 2.25rem;color:var(--muted);font-size:.9rem}.site-footer .inner{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center}.site-footer nav{display:flex;gap:1rem;flex-wrap:wrap}.page-prose{max-width:42rem}.how-page{max-width:none}.auth-page,.account-page,.editor-page,.legal{margin-inline:auto}.page-prose h1{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 .75rem}.page-prose p{color:var(--muted);max-width:40rem}.main{min-height:60vh;padding:2rem 0 1rem}.auth-page{max-width:28rem}.auth-form{display:flex;flex-direction:column;gap:.85rem;margin:1.25rem 0 1rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;color:var(--muted)}.auth-field input{font:inherit;color:var(--ink);padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--card)}.auth-field input:focus{outline:2px solid #fda4af;border-color:var(--accent)}.auth-check{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--muted);line-height:1.4}.auth-check input{margin-top:.2rem;flex-shrink:0}.auth-check a{color:var(--ink);font-weight:650}.auth-error{margin:0;padding:.65rem .75rem;background:var(--accent-soft);border:1px solid #fda4af;border-radius:8px;color:var(--accent);font-size:.92rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem;margin:.5rem 0 1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-google{width:100%}.auth-switch{margin-top:1.25rem;font-size:.95rem}.account-page{max-width:36rem}.account-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem;margin:1.25rem 0}.account-card h2{margin:0 0 .75rem;font-size:1.1rem;color:var(--ink)}.account-dl{margin:0;display:flex;flex-direction:column;gap:.65rem}.account-dl>div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;align-items:baseline}.account-dl dt{margin:0;color:var(--muted);font-size:.88rem}.account-dl dd{margin:0;min-width:0;color:var(--ink);font-weight:560;overflow-wrap:anywhere}.account-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.82rem;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-weight:600}.account-badge-on{background:var(--accent-soft);border-color:#fda4af;color:var(--accent)}.account-hint{margin:0 0 .85rem;font-size:.9rem}.account-empty-story{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.account-empty-story p{margin:0}.account-success{margin:.5rem 0 0;color:#166534;font-size:.92rem}.account-logout{display:flex;justify-content:flex-start}.account-card .auth-check+.auth-check{margin-top:.65rem}.app-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.app-card{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;margin:0;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.app-card img{width:36px;height:36px;border-radius:8px}.app-card strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--ink)}.app-card p{margin:.15rem 0 0;color:var(--ink-soft);font-size:.9rem}@media (max-width: 560px){.app-card{grid-template-columns:auto 1fr}.app-card .btn{grid-column:1 / -1;justify-self:start}}.editor-page{max-width:42rem}.editor-form{display:flex;flex-direction:column;gap:1rem}.editor-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media (max-width: 560px){.editor-grid-2{grid-template-columns:1fr}}.editor-textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;resize:vertical;width:100%;background:#fff}.editor-textarea:focus{outline:2px solid #fda4af;border-color:var(--accent)}.editor-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.editor-section-head h2{margin:0}.editor-item{border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;margin-top:.75rem;background:var(--bg)}.editor-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 2rem}.editor-slug{margin:0 0 1rem;padding:.65rem .85rem;background:var(--accent-soft);border-radius:var(--radius);border:1px solid #fecdd3;color:var(--ink)}.editor-slug-hint{color:var(--muted);font-size:.9rem}.ps-shell{min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,#2a2118,#0c0a09 55%,#070605);color:#f5f0e6;padding:2rem 1.25rem 3rem;font-family:var(--font)}.ps-shell a{color:#e8d5a3}.ps-hero{text-align:center;max-width:40rem;margin:0 auto 2.5rem}.ps-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#c9a227;margin:0 0 .75rem}.ps-hero h1{font-size:clamp(1.85rem,4vw,2.75rem);margin:0 0 .75rem;color:#f8f1e3;letter-spacing:-.02em}.ps-song{color:#d4c4a0;margin:0}.ps-section{max-width:44rem;margin:0 auto 2.25rem}.ps-section h2{font-size:1.15rem;color:#c9a227;margin:0 0 1rem;letter-spacing:.04em;text-transform:uppercase}.ps-muted{color:#a8a29e;text-align:center}.ps-card{max-width:28rem;margin:4rem auto;padding:1.5rem;border:1px solid #3f3a32;border-radius:12px;background:#14110e;text-align:center}.ps-duration{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}@media (max-width: 640px){.ps-duration{grid-template-columns:repeat(3,1fr)}}.ps-duration-cell{background:#1a1612;border:1px solid #3f3420;border-radius:10px;padding:.85rem .4rem;text-align:center}.ps-duration-cell strong{display:block;font-size:1.35rem;color:#e8d5a3}.ps-duration-cell span{font-size:.7rem;color:#a8a29e;text-transform:uppercase;letter-spacing:.06em}.ps-timeline{list-style:none;margin:0;padding:0;border-left:2px solid #3f3420}.ps-timeline li{position:relative;padding:0 0 1.25rem 1.25rem}.ps-timeline-dot{position:absolute;left:-.4rem;top:.35rem;width:.65rem;height:.65rem;border-radius:999px;background:#c9a227;box-shadow:0 0 0 3px #1a1612}.ps-timeline time{display:block;font-size:.8rem;color:#c9a227;margin-bottom:.2rem}.ps-timeline h3{margin:0 0 .35rem;font-size:1.05rem;color:#f5f0e6}.ps-timeline p{margin:0;color:#d6d3d1}.ps-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.ps-polaroid{background:#f5f0e6;color:#1c1917;border:none;padding:.55rem .55rem 1.4rem;border-radius:2px;box-shadow:0 8px 24px #00000059;transform:rotate(-1.5deg);cursor:zoom-in;text-align:left}.ps-polaroid:nth-child(2n){transform:rotate(1.8deg)}.ps-polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.ps-polaroid span{display:block;margin-top:.45rem;font-size:.78rem;font-family:Georgia,serif}.ps-letter,.ps-future{background:#1a1612;border:1px solid #3f3420;border-radius:12px;padding:1.25rem 1.35rem;color:#e7e5e4;white-space:pre-wrap;line-height:1.7}.ps-quiz{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.ps-quiz li{background:#1a1612;border:1px solid #3f3420;border-radius:10px;padding:.9rem 1rem}.ps-quiz-q{margin:0 0 .55rem;font-weight:600}.ps-quiz-a{margin:.55rem 0 0;color:#e8d5a3}.ps-footer{text-align:center;margin-top:2.5rem;font-size:.9rem;color:#a8a29e}.ps-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000e0;display:grid;place-items:center;gap:1rem;padding:1.5rem}.ps-lightbox img{max-width:min(960px,100%);max-height:80vh;object-fit:contain;border-radius:4px}::selection{background:var(--accent);color:var(--accent-fg)}body{background:var(--bg);color:var(--ink);font-family:var(--font)}.skip{position:absolute;left:.75rem;top:.75rem;transform:translateY(-150%);background:var(--ink);color:var(--bg);padding:.45rem .7rem;border-radius:8px;z-index:80}.skip:focus{transform:none}.site-header{background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:650;letter-spacing:-.03em;font-size:1.05rem}.logo-mark{width:32px;height:32px;border-radius:8px;display:block}.nav a{color:var(--ink-soft);text-decoration:none}.nav a.active,.nav a:hover{color:var(--accent);text-decoration:none}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn{border-radius:10px}.btn-small{padding:.4rem .75rem;font-size:.88rem}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--accent-fg);filter:none}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--bg-2)}.kicker{display:inline-flex;align-items:center;margin:0 0 .75rem;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.page-prose h1,.how-step h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;color:var(--ink)}.page-prose p,.lede{color:var(--ink-soft)}.stage{position:relative;min-height:min(92vh,920px);border-radius:28px;overflow:hidden;color:#f7f3ea;box-shadow:var(--shadow);margin:.25rem 0 1rem}.stage-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stage-veil{position:relative;z-index:1;min-height:min(92vh,920px);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.25rem,4vw,3rem);background:linear-gradient(180deg,#100e0a9e,#100e0a1f 38%,#0c0a0847 58%,#0c0a08d1)}.stage-copy,.stage-chapters,.stage-chapters li{min-width:0;max-width:100%}.stage-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:1.02;letter-spacing:-.03em;max-width:12ch;color:#f7f3ea;margin:.35rem 0 .85rem}.stage-copy .lede{color:#f7f3eae6;max-width:36rem;font-size:1.08rem}.stage .kicker{background:#fffcf824;border-color:#fffcf847;color:#f6f1e6}.stage .btn-primary{background:#f7f3ea;color:#141413}.stage .btn-primary:hover{background:#fff;color:#0f4c46}.stage-ghost{color:#f7f3ea;border-color:#f7f3ea66}.stage-ghost:hover{background:#fffcf81f}.stage-chapters{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.stage-chapters li{background:#fffcf81f;border:1px solid rgba(255,252,248,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:.9rem .95rem 1rem}.stage-chapters span{display:block;font-size:11px;letter-spacing:.16em;color:#f7f3eab8}.stage-chapters strong{display:block;margin:.25rem 0 .35rem;font-family:var(--serif);font-size:1.35rem;font-weight:400}.stage-chapters p{margin:0;color:#f7f3eae0;font-size:.92rem}@media (max-width: 860px){.stage-chapters{grid-template-columns:1fr 1fr}.stage,.stage-veil{min-height:0}}@media (max-width: 720px){.site-header .inner{flex-wrap:wrap;row-gap:.55rem}.nav{width:100%;flex-direction:column;align-items:flex-start;gap:.55rem}.nav-session{margin-left:0;padding-left:0;padding-top:.55rem;border-left:0;border-top:1px solid var(--line);width:100%}.nav-home{display:none}.stage-copy,.stage-copy .lede,.stage-chapters p{min-width:0;overflow-wrap:anywhere}}@media (max-width: 560px){.stage{border-radius:18px}.stage-chapters{grid-template-columns:1fr}}.example-strip{margin:1.75rem 0 .5rem}.example-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem}.example-head h2{margin:.2rem 0 .45rem;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.03em}.example-head .lede{max-width:40rem;margin:0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.example-grid a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px}.example-grid img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center top}.example-grid a.is-phone{display:flex;justify-content:center;align-items:flex-start;background:#161311;padding:.85rem 0 1rem}.example-grid a.is-phone img{width:min(58%,230px);aspect-ratio:9 / 16;object-fit:cover;object-position:center top;border-radius:18px;box-shadow:0 12px 28px #00000047}@media (max-width: 700px){.example-grid{grid-template-columns:1fr}}.how-page .lede{max-width:40rem}.how-steps{list-style:none;margin:2rem 0;padding:0;display:flex;flex-direction:column;gap:2.25rem}.how-step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.25rem 1.75rem;align-items:center}.how-step:nth-child(2n) img{order:2}.how-step img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center top;border-radius:18px;border:1px solid var(--line)}.how-step img.is-phone{width:min(100%,260px);aspect-ratio:9 / 16;justify-self:center;object-position:center top}.how-step h2{margin:.2rem 0 .55rem;font-size:clamp(1.8rem,3vw,2.4rem)}.how-step p{margin:0;max-width:38rem}@media (max-width: 800px){.how-step,.how-step:nth-child(2n){grid-template-columns:1fr}.how-step:nth-child(2n) img{order:0}}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:1.25rem 2rem;padding-top:1.75rem}.footer-brand{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;color:var(--ink);font-weight:650}.footer-brand img{border-radius:5px}.footer-note,.footer-copy p{margin:0}.footer-contact{display:flex;flex-direction:column;gap:.3rem;font-style:normal}.footer-contact a,.site-footer nav a{color:var(--ink-soft)}.site-footer nav{display:flex;flex-direction:column;gap:.35rem}.footer-copy{padding:1rem 0 1.5rem}@media (max-width: 720px){.footer-grid{grid-template-columns:1fr}}.legal h2{margin:1.4rem 0 .4rem;font-size:1.15rem;color:var(--ink)}.auth-field input,.editor-textarea,.quiz-option input[type=text]{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.auth-field input:focus,.editor-textarea:focus,.quiz-option input[type=text]:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);border-color:var(--accent)}.media-preview{margin:.65rem 0 0}.media-preview img{width:148px;height:148px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--bg-2)}.quiz-options{display:flex;flex-direction:column;gap:.45rem;margin-top:.65rem}.quiz-option{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:center}.story-shelf{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem;margin:.5rem 0 1.25rem;padding:0}.story-shelf-card{min-width:10rem;padding:.75rem .9rem;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:.15rem}.story-shelf-card strong{color:var(--ink)}.story-shelf-card span{color:var(--muted);font-size:.82rem}.story-shelf-card.is-active{border-color:var(--accent)}.story-shelf-card.is-muted{opacity:.72}.ps-shell .btn-primary{background:#c9a227;color:#1c1917}.ps-shell .btn-ghost{color:#f5f0e6;border-color:#3f3420;background:transparent}.ps-audio{margin-top:.85rem}.ps-milestone-photo{margin-top:.65rem;padding:0;border:0;background:transparent;cursor:zoom-in}.ps-milestone-photo img{width:min(100%,280px);aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;display:block}.ps-quiz-options{display:flex;flex-direction:column;gap:.4rem}.ps-quiz-options button{text-align:left;background:#14110e;color:#f5f0e6;border:1px solid #3f3420;border-radius:8px;padding:.55rem .7rem;cursor:pointer}.ps-quiz-options button.is-correct{border-color:#3dca86;color:#d8ffe9}.ps-quiz-options button.is-wrong{border-color:#f07167;color:#ffd2ce}.ps-quiz-options button:disabled{cursor:default}