@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#071819;--text:#edf0e9;--muted:#a6b7b0;--line:#b7cfba30;--mint:#c3d7bb;--serif:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;--sans:'Helvetica Neue','Hiragino Kaku Gothic ProN',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--serif);font-size:14px;min-height:100svh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d0e5ca;outline-offset:5px}button{transition:background .25s,transform .25s,border-color .25s}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 80%,#12494155,transparent 50%),radial-gradient(ellipse at 68% 0%,#30304830,transparent 50%)}header{height:100px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}#brand{display:flex;align-items:center;gap:13px;font-size:17px;letter-spacing:.15em}#brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.38em;color:var(--muted);margin-top:8px}.brand-mark{font-size:38px;font-weight:400;color:var(--mint)}.head-right{display:flex;gap:26px;align-items:center}.edition{font-size:12px;letter-spacing:.18em;color:#bccbc3}.icon-button{background:transparent;border:1px solid #abc3b044;border-radius:50%;width:32px;height:32px;font-family:var(--sans);font-size:15px}.icon-button:hover{background:#c3d7bb20}main{min-height:calc(100svh - 166px)}footer{margin:0 5%;border-top:1px solid var(--line);height:66px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;color:#82998e}footer span:last-child{font-size:9px;font-family:var(--sans)}footer i{display:inline-block;width:4px;height:4px;background:#8ca586;border-radius:50%;margin:0 9px;vertical-align:middle}.welcome{display:grid;grid-template-columns:1fr 1fr;min-height:730px;max-width:1420px;margin:auto;padding:45px 6% 48px;gap:8%;align-items:center}.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.27em;color:var(--mint);display:flex;align-items:center;gap:15px;margin:0 0 28px}.eyebrow:before{content:'';width:26px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,3.6vw,53px);font-weight:400;line-height:1.65;letter-spacing:.15em;margin-bottom:21px}.intro{color:#b9c9c0;font-size:13px;line-height:2.2;letter-spacing:.07em}.tiny{font-size:10px;line-height:1.9;letter-spacing:.05em;color:#91a69c}.steps{display:flex;gap:0;margin:35px 0 31px;font-family:var(--sans);font-size:9px;letter-spacing:.09em;color:#718c80}.steps span{padding:0 20px 0 0;position:relative}.steps span+span{padding-left:24px}.steps span+span:before{content:'—';position:absolute;left:0;color:#49635a}.steps .active{color:#d7e5d0}.section-label{font-size:13px;letter-spacing:.1em;margin-bottom:15px}.count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:21px}.count-option{height:83px;border:1px solid #b2cdb735;background:#102a2980;position:relative;font-family:var(--sans);font-size:30px;font-weight:300}.count-option small{font-size:11px;font-family:var(--serif);padding-left:5px}.count-option:hover{background:#24403b}.count-option.selected{background:#bdd2b6;color:#10271f;border-color:#dbe8cf}.selected:after{content:'✓';position:absolute;top:6px;right:8px;font-size:11px}.primary{background:#c2d6b8;border:1px solid #c2d6b8;color:#132e25;padding:17px 24px;min-height:54px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:13px;letter-spacing:.14em}.primary:hover{background:#deebd6;transform:translateY(-1px)}.primary.wide{width:100%;justify-content:space-between}.secondary{border:1px solid #c1d4be45;background:transparent;color:#c5d6cb;padding:14px 21px;letter-spacing:.09em;font-size:12px;min-height:46px}.secondary:hover{background:#a3c1aa12}.text-btn{background:transparent;border:none;color:#abc2b4;font-size:11px;padding:12px 0;letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px}.welcome .tiny{margin:15px 0 0}.poster{position:relative;max-width:460px;justify-self:center;width:100%;box-shadow:0 16px 90px #0007}.poster img{width:100%;display:block}.poster:after{content:'';position:absolute;inset:9px;border:1px solid #eff2dc30;pointer-events:none}.poster-caption{position:absolute;writing-mode:vertical-rl;right:-28px;top:4px;font-family:var(--sans);font-size:9px;letter-spacing:.27em;color:#89a296}.poster:before{content:'01';position:absolute;left:-37px;bottom:-20px;font-size:110px;color:#a0b6a00a;z-index:-1}.subscreen{max-width:1000px;margin:auto;padding:48px 40px 65px;animation:appear .6s both}.back{background:none;border:0;color:#98b0a3;font-size:11px;padding:4px 0 24px;letter-spacing:.1em}.page-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px;gap:20px}.page-top h1{font-size:32px;margin-bottom:10px}.page-top p{margin-bottom:0}.page-top .eyebrow{margin-bottom:18px}.chars{display:grid;grid-template-columns:repeat(var(--count),1fr);gap:18px}.character{position:relative;min-height:245px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 25%,#3b5a5525,transparent 70%);padding:25px 12px;display:flex;flex-direction:column;align-items:center;max-width:390px;width:100%;justify-self:center}.character:hover{border-color:#bad0bb88;background-color:#aac2b009}.character.selected{border-color:#cbdbbd;background-color:#9cb99513}.char-symbol{width:82px;height:82px;border:1px solid #a5c0aa40;border-radius:50%;position:relative;display:grid;place-items:center;font-size:31px;font-weight:400;color:var(--char-color);margin:0 0 23px}.char-symbol:before,.char-symbol:after{content:'';position:absolute;inset:6px;border:1px solid #aac2b019;border-radius:50%}.char-symbol:after{inset:-6px;border-style:dashed;border-color:#aac2b018}.character strong{font-size:28px;font-weight:400;letter-spacing:.1em}.character em{font-family:var(--sans);font-size:8px;letter-spacing:.28em;color:#93ab9d;font-style:normal;margin:8px 0 14px}.character small{font-size:11px;color:#afc0b4;letter-spacing:.06em}.char-action{max-width:400px;margin:30px auto 0;text-align:center}.char-action p{margin:12px 0 0}.reader{max-width:650px;margin:auto;padding:25px 0}.reader .eyebrow{justify-content:center}.reader h1{text-align:center;font-size:34px;margin-bottom:12px}.reader .subtitle{text-align:center;color:#aebfb3;letter-spacing:.1em;font-size:12px;margin-bottom:30px}.reader .prose{font-size:15px;line-height:2.65;letter-spacing:.055em;white-space:pre-line;color:#dce3d8}.divider{height:1px;background:linear-gradient(90deg,transparent,#a5bea54a,transparent);margin:30px 0}.reader .primary{margin:32px auto 0;max-width:400px;width:100%}.chapter-no{text-align:center;font-size:10px;letter-spacing:.27em;color:#94aa9c;margin-bottom:19px;font-family:var(--sans)}.memory-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start}.journey-hero{padding:30px 30px 32px;position:relative;background:linear-gradient(135deg,#153b3455,#112a2933);border:1px solid var(--line)}.journey-hero .ghost-number{position:absolute;right:19px;top:14px;font-size:85px;line-height:1;color:#b8ceb015;pointer-events:none}.journey-hero h2{font-size:28px;font-weight:400;line-height:1.8;letter-spacing:.12em;position:relative}.flower-form label{display:block;font-size:11px;letter-spacing:.1em;color:#c0d1c4;margin:28px 0 13px}.input-wrap{display:flex;border-bottom:1px solid #bed1bb88;align-items:center}.input-wrap input{min-width:0;width:100%;background:none;border:0;color:#f0f0e6;padding:16px 0;outline-offset:2px;font-size:17px;letter-spacing:.12em;border-radius:0}.input-wrap input::placeholder{color:#719183;font-size:13px}.input-wrap button{border:0;background:none;color:#c5d7bf;font-size:24px;padding:10px 8px}.error{color:#efb4b5;font-size:11px;min-height:18px;margin-top:10px;line-height:1.8}.hero-bottom{font-size:10px;color:#94ae9e;line-height:1.9}.progress-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}.progress-title strong{font-family:var(--sans);font-size:23px;font-weight:300;color:#d7e5ce}.progress-title strong small{font-size:11px;color:#809c8a}.progress-track{height:2px;background:#9eb89825;margin:17px 0 22px}.progress-track div{height:100%;background:#bcd2b2;transition:width .6s}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memory-tile{height:105px;background:#9cba9b04;border:1px solid #abc4a925;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative}.memory-tile svg{width:33px;height:33px}.memory-tile small{font-size:9px;letter-spacing:.06em;color:#b2c6b6}.memory-tile.locked{cursor:default}.memory-tile.locked svg{opacity:.17}.memory-tile.locked small{color:#5c7a6b;font-family:var(--sans);font-size:9px;letter-spacing:.14em}.memory-tile.unlocked{background:#abc1a40a}.memory-tile.unlocked:hover{background:#a1beaa1c;border-color:#a2bea57a}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 0;gap:10px}.pill{display:flex;align-items:center;gap:9px;font-size:10px;color:#b3c8b7;letter-spacing:.06em}.pill i{width:6px;height:6px;background:#9ac397;border-radius:50%}.test-tools{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#8fa89a;font-size:11px}.test-tools summary{cursor:pointer;letter-spacing:.08em}.test-tools p{font-size:10px;line-height:2;margin:14px 0}.keyword-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-list button{font-size:10px;padding:8px 11px;border:1px solid var(--line);background:#aec2a708;color:#bacdbd}.keyword-list button.done{opacity:.45}.tools-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:17px}.notice{border:1px solid #b8d0b64a;background:#b7ceb00a;padding:25px;margin-top:28px}.notice h3{font-weight:400;font-size:18px;margin-bottom:12px}.notice p{font-size:12px;line-height:2;color:#acbfaf}.notice .primary{width:100%;margin-top:20px}.flower-large{display:block;width:80px;height:80px;margin:0 auto 20px}.memory-modal h2{font-size:27px;font-weight:400;letter-spacing:.13em;text-align:center}.memory-modal .eyebrow{justify-content:center;margin-bottom:15px}.memory-modal .memory-name{font-size:12px;color:var(--flower);letter-spacing:.2em;text-align:center}.memory-modal .prose{white-space:pre-line;font-size:14px;line-height:2.5;letter-spacing:.05em;margin-top:25px}.memory-modal .afterword{font-size:12px;color:#aabfac;border-top:1px solid var(--line);padding-top:22px;line-height:2;margin-top:22px}.memory-modal .primary{width:100%;margin-top:27px}.video-frame{max-width:900px;margin:auto;padding:55px 30px}.video-frame h1{font-size:30px;text-align:center}.video-frame .eyebrow{justify-content:center}.video-frame video{width:100%;aspect-ratio:16/9;background:#020908;display:block;border:1px solid var(--line)}.video-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.credits{min-height:650px;text-align:center;max-width:700px;margin:auto;padding:70px 30px;animation:appear 1.4s both}.credits .eyebrow{justify-content:center}.credits h1{font-size:38px}.credits p{line-height:2.5;color:#b8cbbd;font-size:13px;letter-spacing:.07em}.credit-list{margin:40px 0}.credit-list div{margin:22px 0}.credit-list dt{font-family:var(--sans);letter-spacing:.2em;font-size:8px;color:#7f9a88;margin-bottom:10px}.credit-list dd{margin:0;font-size:13px;letter-spacing:.12em}.credits .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ending-flower{width:65px;height:65px;margin-bottom:30px}dialog{background:#0d2524;color:#e5ecdf;border:1px solid #b1c6a945;max-width:590px;width:calc(100% - 36px);max-height:88svh;padding:47px 36px 34px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020d10d9;backdrop-filter:blur(9px)}.modal-x{position:absolute;top:15px;right:15px}.help-content h2{font-size:23px;font-weight:400;letter-spacing:.1em}.help-content p,.help-content li{color:#b5c8b8;font-size:12px;line-height:2.3}.help-content ol{padding-left:20px}.help-content .secondary{width:100%;margin-top:15px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 35px);width:max-content;background:#c9dcc1;color:#163224;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.35s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}#bloom{position:fixed;inset:0;background:#041413ee;z-index:30;display:none;align-items:center;justify-content:center;pointer-events:none}#bloom.play{display:flex;animation:bloom-bg 1.8s both}#petals{position:absolute;inset:0;width:100%;height:100%}.bloom-word{position:relative;writing-mode:vertical-rl;font-size:28px;letter-spacing:.35em;color:#ecf0de;animation:word 1.8s both}body.modal-open{overflow:hidden}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bloom-bg{0%,100%{opacity:0}15%,80%{opacity:1}}@keyframes word{0%{opacity:0;filter:blur(8px)}30%,75%{opacity:1;filter:blur(0)}100%{opacity:0}}@media(min-width:1500px){.welcome{padding-top:65px;padding-bottom:65px}.poster{max-width:480px}}@media(max-width:800px){header{height:83px}.welcome{padding:38px 7% 50px;gap:5%;min-height:650px}.poster-caption{right:-19px}.steps span{padding-right:10px}.steps span+span{padding-left:16px}.count-options{gap:7px}.count-option{height:68px}.welcome h1{font-size:32px}.welcome .intro{font-size:11px}.memory-layout{gap:25px}.subscreen{padding:35px 25px 50px}.chars{gap:10px}.character{min-height:235px}.character small{font-size:10px}.char-symbol{width:63px;height:63px}.journey-hero{padding:25px 20px}.memory-tile{height:100px}}@media(max-width:600px){header{margin:0 6%;height:76px}#brand{font-size:13px;gap:10px}#brand small{font-size:6px;margin-top:6px}.brand-mark{font-size:30px}.edition{display:none}.head-right{gap:12px}.welcome{display:flex;flex-direction:column-reverse;padding:27px 7% 37px;gap:30px;min-height:0}.poster{width:100%;height:190px;overflow:hidden;box-shadow:none;max-width:none}.poster img{height:100%;object-fit:cover;object-position:center 34%;filter:brightness(.83)}.poster:before{display:none}.poster:after{inset:7px}.poster-caption{display:none}.welcome-copy{width:100%}.welcome .eyebrow{margin-bottom:19px;font-size:9px}.welcome h1{font-size:33px;margin-bottom:16px;line-height:1.6}.welcome .intro{font-size:12px}.steps{margin:25px 0}.count-option{height:74px}.welcome .tiny{font-size:9px}footer{height:59px;margin:0 6%;font-size:8px}footer span:last-child{font-size:7px;letter-spacing:.04em}footer i{margin:0 5px}main{min-height:calc(100svh - 135px)}.page-top{display:block;margin-bottom:25px}.page-top h1{font-size:27px}.page-top .pill{margin-top:20px}.subscreen{padding:29px 7% 40px}.chars{grid-template-columns:repeat(min(var(--count),2),1fr);gap:12px}.character{min-height:230px}.char-symbol{width:68px;height:68px}.character strong{font-size:25px}.character small{font-size:10px}.memory-layout{display:flex;flex-direction:column;gap:30px}.memory-layout>section{width:100%}.journey-hero{padding:26px}.journey-hero h2{font-size:27px;margin-bottom:14px}.collection{grid-template-columns:repeat(4,1fr);gap:8px}.memory-tile{height:85px}.memory-tile svg{width:29px;height:29px}.memory-tile small{font-size:8px}.reader{padding:12px 0}.reader h1{font-size:28px}.reader .prose{font-size:14px;line-height:2.65}.reader .eyebrow{font-size:9px}.video-frame{padding:35px 20px}.video-frame h1{font-size:25px}.video-bottom{align-items:start}.video-bottom .tiny{font-size:9px;max-width:55%}.video-bottom .secondary{font-size:10px;padding:12px}.credits{padding:50px 25px;min-height:600px}.credits h1{font-size:31px}dialog{padding:48px 24px 28px}.memory-modal .prose{font-size:13px}.toolbar{margin-top:20px}.toolbar .text-btn{font-size:10px}.test-tools{margin-top:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:600px){.journey-hero h2{font-size:24px;letter-spacing:.075em}}
#bloom.play{pointer-events:auto}
#app:focus{outline:none}
/* A single photographic world, shared by every scene. */
body{background:#031013}.ambient{background:linear-gradient(90deg,#031415b5,#07121dc4 50%,#05111ba8),url('assets/botanical-background.webp') center/cover no-repeat;z-index:-1}.ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020d13a1,transparent 45%,#040a1650)}header{background:#02131630}footer{color:#b1c4b9}.welcome-copy{background:radial-gradient(ellipse,#04171cc4,transparent 78%);padding:18px 0}.subscreen{margin-top:35px;margin-bottom:35px;background:#03161cd9;border:1px solid #b5c9ba22;backdrop-filter:blur(9px)}.character{background-color:#082529a3}.reader .prose{color:#e5e9df}.credits,.video-frame{background:#03161cdb;backdrop-filter:blur(9px);margin-top:35px;margin-bottom:35px}.back{color:#b2c6bd}dialog{background:linear-gradient(#04191ceb,#04191cf5),url('assets/botanical-background.webp') center/cover}.start-gate{min-height:calc(100svh - 166px);display:grid;place-items:center;padding:40px 7%}.start-form{width:min(480px,100%);padding:20px 30px 9px;background:#021419df;border:1px solid #bed4c13d;box-shadow:0 24px 100px #0007;backdrop-filter:blur(10px)}.start-form input{font-size:18px;padding:22px 0;letter-spacing:.12em}.start-form input::placeholder{color:#c5d8cd99;font-size:14px}.start-form .error{font-size:10px;min-height:0;margin:12px 0}.quiet-journal{max-width:600px;margin:64px auto;padding:42px;background:#02151ce8;border:1px solid #b8d0c431;box-shadow:0 30px 90px #0004;backdrop-filter:blur(12px)}.quiet-journal .flower-form{margin:0}.quiet-journal .input-wrap input{font-size:20px;padding:18px 0}.quiet-journal .input-wrap input::placeholder{font-size:16px;color:#adc5b7}.quiet-journal .error{font-size:11px;min-height:0;margin:11px 0 0}.journal-notes{margin:26px 0 23px;display:flex;gap:20px;align-items:baseline;color:#bfcec2;font-size:10px;line-height:2.2}.journal-notes>span{flex-shrink:0;letter-spacing:.1em;font-size:10px;color:#d1dccf}.journal-notes p{margin:0}.ho-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:#a9c2b00a;border:1px solid #bcd0b936;padding:16px 19px;font-size:12px;letter-spacing:.1em}.ho-link:hover{border-color:#bdd6ba99;background:#bdd6ba0d}.ho-link>span:last-child{font-size:18px;color:#b0c6b3}.acquired-memories{margin-top:42px}.progress-title h1{font-size:13px;font-weight:400;letter-spacing:.1em;line-height:1.6;margin:0}.memory-count{font-size:24px;font-weight:300;font-family:var(--sans);color:#d4dfcc;letter-spacing:.06em}.memory-count small{font-size:10px;color:#9ab1a0}.quiet-journal .progress-track{margin:16px 0 25px}.quiet-journal .collection{grid-template-columns:repeat(4,1fr);gap:10px}.quiet-journal .memory-tile{height:105px;background:#c3d7bb06}.quiet-journal .memory-tile small{font-size:9px}.empty-memory{font-size:11px;letter-spacing:.12em;color:#b0c1b2;text-align:center;margin:36px 0 20px}.extra-link{margin-top:24px;border-color:#c3d5af77}.memory-screen{max-width:780px}.memory-reader .memory-name{text-align:center;color:var(--flower);font-size:12px;letter-spacing:.24em;margin-bottom:15px}.memory-reader .afterword{border-top:1px solid #b4ceae30;padding-top:24px;color:#c3d2bc;font-size:13px;line-height:2.2;letter-spacing:.08em;margin-top:26px}.memory-reader h1{font-size:32px}.memory-reader .primary{margin-top:30px}.help-content .test-tools{margin:25px 0 12px}.help-content .keyword-list button{min-height:39px}.memory-screen .eyebrow{color:var(--flower)}
#bloom.botanical-play{display:flex;background:transparent;pointer-events:auto;animation:none;z-index:100}#bloom.botanical-play .bloom-word{writing-mode:horizontal-tb;text-align:center;font-size:28px;letter-spacing:.28em;animation:botanical-title 2.5s both;text-shadow:0 0 40px #001512}.bloom-word>span{display:block;font-size:9px;letter-spacing:.35em;color:var(--bloom-color);font-family:var(--sans);margin-bottom:25px}.bloom-word>strong{font-weight:400;display:block;font-size:clamp(26px,5vw,42px);letter-spacing:.23em;line-height:1.7}.bloom-word>small{display:block;font-size:11px;letter-spacing:.18em;color:#d2dfd1;margin-top:24px}.botanical-play #petals{position:absolute;inset:0}
@keyframes botanical-title{0%,15%{opacity:0;filter:blur(10px);transform:scale(.94)}39%,65%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:0;filter:blur(3px);transform:scale(1.04)}}
@media(max-width:600px){.ambient{background-image:linear-gradient(0deg,#04131ab5,#04131a82 55%,#03111985),url('assets/botanical-background.webp');background-position:center}.welcome{padding-top:25px;gap:26px}.welcome .poster{height:auto;max-height:none;overflow:visible;display:flex;justify-content:center;background:transparent}.welcome .poster img{width:100%;height:auto;max-height:70svh;object-fit:contain;object-position:center;filter:none}.welcome-copy{padding:10px 0 0}.welcome h1{font-size:30px}.welcome .intro{font-size:12px}.welcome .steps{font-size:8px}.subscreen{width:calc(100% - 30px);padding:28px 24px 36px;margin-top:24px;margin-bottom:24px}.page-top h1{font-size:25px}.start-gate{min-height:calc(100svh - 135px);padding:25px 7%}.start-form{padding:17px 24px 7px}.quiet-journal{width:calc(100% - 32px);margin:35px auto;padding:30px 24px}.journal-notes{display:block;margin-top:23px}.journal-notes>span{display:block;margin-bottom:6px}.journal-notes p{font-size:10px;line-height:2.2}.quiet-journal .input-wrap input{font-size:18px}.quiet-journal .input-wrap input::placeholder{font-size:15px}.acquired-memories{margin-top:33px}.quiet-journal .collection{grid-template-columns:repeat(3,1fr);gap:9px}.quiet-journal .memory-tile{height:94px}.quiet-journal .memory-tile small{font-size:9px}.quiet-journal .memory-tile svg{width:35px;height:35px}.memory-reader .prose{font-size:14px;line-height:2.5}.memory-reader h1{font-size:27px}.memory-reader .eyebrow{font-size:9px}.memory-reader .afterword{font-size:12px}.credits,.video-frame{width:calc(100% - 30px);padding-left:23px;padding-right:23px}.ho-link{font-size:11px;min-height:53px}}
/* Supplied title marks, without the former symbol or added English labels. */
header{height:115px}.title-logo-frame{display:block;position:relative;width:95px;height:95px;overflow:hidden;flex-shrink:0}.title-logo-frame img{position:absolute;width:139px;height:auto;max-width:none;left:-22px;top:-20px}.episode-logo{width:151px;height:74px;object-fit:contain}.head-right{gap:24px}.footer-episode{display:block;width:82px;height:45px;object-fit:contain}.welcome .opening-title{font-size:clamp(24px,2.3vw,33px);font-weight:600;line-height:1.9;letter-spacing:.055em;margin-bottom:24px}.opening-intro{font-size:14px;line-height:2.4;letter-spacing:.055em}.poster:before{display:none}.character-selection{padding-top:42px}.character-selection .page-top h1{font-size:28px;letter-spacing:.08em}.plain-character{min-height:205px;justify-content:center;gap:17px;padding:27px 10px}.plain-character strong{font-size:25px;letter-spacing:.1em;font-weight:400}.plain-character small{font-size:20px;line-height:1.7;font-weight:500;color:#d1ddcf}.character-number{font-family:var(--serif);font-size:15px;color:#b3c7b4;line-height:1.5}.character.selected .character-number{color:#dde9d1}.handout-reader>h1{font-size:28px}.handout-reader>.chapter-no{font-family:var(--serif);font-size:11px;letter-spacing:.15em}.handout-prose{margin-top:28px}.handout-prose .prose{font-size:14px;line-height:2.5;letter-spacing:.035em;margin-bottom:28px}.ho-section{margin-top:40px}.ho-section h2{font-size:15px;font-weight:500;line-height:2;letter-spacing:.04em;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #bed4b831}.ho-plant{margin:25px auto 35px;max-width:330px}.ho-plant img{width:100%;height:auto;display:block}.memory-modal.handout-reader>h2{text-align:center;font-size:25px}.memory-modal.handout-reader .ho-section h2{text-align:left;font-size:14px}.transition-title-logo{display:block;width:min(45vw,240px);height:auto;margin:-10px auto -10px}.transition-episode-logo{display:block;width:min(43vw,200px);height:auto;margin:0 auto}.scene-out{animation:scene-out .33s ease both}.scene-in{animation:scene-in .6s ease both}#bloom.quiet-play{display:flex;background:transparent;pointer-events:auto;z-index:100;animation:none}#bloom.quiet-play .bloom-word{display:none}@keyframes scene-out{to{opacity:0;filter:blur(2px)}}@keyframes scene-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(max-width:600px){header{height:94px}.title-logo-frame{width:74px;height:74px}.title-logo-frame img{width:108px;left:-17px;top:-15px}.episode-logo{width:119px;height:58px}.head-right{gap:14px}.welcome .opening-title{font-size:21px;line-height:1.9;letter-spacing:.03em;margin-bottom:23px}.welcome .opening-intro{font-size:12px;line-height:2.3}.welcome .steps{margin-top:25px}.character-selection .page-top h1{font-size:22px;line-height:1.9}.character-selection .page-top p{font-size:11px}.plain-character{min-height:160px;gap:12px}.plain-character strong{font-size:23px}.plain-character small{font-size:18px}.handout-reader>h1{font-size:24px;letter-spacing:.04em}.handout-prose .prose{font-size:13px;line-height:2.5;letter-spacing:.025em}.ho-section{margin-top:32px}.ho-section h2{font-size:13px;letter-spacing:.015em}.ho-plant{max-width:215px;margin-top:15px}.start-gate{min-height:calc(100svh - 153px)}.footer-episode{width:75px;height:40px}.transition-title-logo{width:205px}.transition-episode-logo{width:180px}.memory-modal.handout-reader>h2{font-size:22px}}
.journal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #c0d6bf36;margin:-5px 0 30px}.journal-tabs button{background:none;border:none;border-bottom:1px solid transparent;color:#a8c0b1;font-size:11px;letter-spacing:.04em;padding:15px 5px 16px;min-height:49px}.journal-tabs button[aria-current="page"]{border-bottom-color:#d3e2c6;color:#e4ebdc}.journal-tabs button:hover{background:#adc5af0c;color:#e0e9db}.about-reader h1{font-size:21px;line-height:1.8;letter-spacing:.09em;font-weight:400;margin:7px 0 24px}.about-reader p{font-size:13px;line-height:2.4;letter-spacing:.03em;color:#d1ded0;margin:0 0 23px}.about-reader .primary{margin-top:30px}.memory-entry-form{margin:30px auto 5px;max-width:430px;padding:25px 0 8px;border-top:1px solid #bbd2b52e}.memory-entry-form label{display:block;font-size:11px;color:#c5d4bf;letter-spacing:.08em;margin-bottom:12px}.memory-entry-form .error{font-size:11px;line-height:2;min-height:20px;margin-top:11px}.memory-entry-form input{font-size:16px}.quiet-journal .acquired-memories>.progress-title{margin-bottom:24px}.quiet-journal .journal-tabs+.acquired-memories{margin-top:24px}.page-enter{animation:page-settle .28s ease both}dialog[open]{animation:dialog-settle .22s ease both}.memory-touched{animation:memory-touched .32s ease both}#bloom.botanical-play .bloom-word{animation-duration:var(--curtain-duration,2600ms)}@keyframes page-settle{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-settle{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes memory-touched{50%{border-color:#c9bee8;box-shadow:0 0 22px #a99cd52e}}
@media(max-width:600px){.journal-tabs{margin:-4px 0 25px}.journal-tabs button{font-size:10px;letter-spacing:0;padding:14px 3px}.about-reader h1{font-size:19px}.about-reader p{font-size:12px;line-height:2.4}.memory-entry-form{margin-top:23px}.memory-entry-form label{font-size:10px}.quiet-journal .acquired-memories>.progress-title{margin-bottom:21px}}@media(prefers-reduced-motion:reduce){.page-enter,.scene-in,.scene-out,dialog[open],.memory-touched{animation:none!important}}
.memory-cell{min-width:0}.memory-cell>.memory-tile{width:100%}.memory-read{display:block;margin:0 auto;background:none;border:0;color:#b5c7b7;font-size:9px;letter-spacing:.12em;padding:9px 10px;min-height:35px;text-decoration:underline;text-underline-offset:4px}.memory-read:hover{color:#e0ebd7}
/* Keep an opaque backing store throughout mobile compositor changes. */
html{min-height:100%;background:#031013;color-scheme:dark;overscroll-behavior:none}body{position:relative;isolation:isolate;background:#031013;overscroll-behavior:none}.ambient{z-index:0;background-color:#031013;transform:none;backface-visibility:hidden}header,main,footer{position:relative;z-index:1}#bloom{display:flex;visibility:hidden;opacity:0;background:transparent;pointer-events:none;isolation:isolate}#bloom.botanical-play,#bloom.quiet-play{display:flex;visibility:visible;opacity:1}#bloom #petals{display:block;background:transparent;backface-visibility:hidden}#bloom.botanical-play .bloom-word{animation:none;filter:none;transform:none;opacity:0;transition:none;will-change:opacity}.subscreen{animation:panel-arrive .3s ease both}@keyframes panel-arrive{from{opacity:.7}to{opacity:1}}@keyframes page-settle{from{opacity:.6}to{opacity:1}}@keyframes scene-out{to{opacity:0}}@keyframes scene-in{from{opacity:0}to{opacity:1}}@keyframes dialog-settle{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.subscreen{animation:none}}

.roster-progress{color:#b8cabc;font-size:12px;letter-spacing:.08em;margin:0 0 16px}.character-selection .page-top h1{font-size:clamp(21px,3vw,29px);line-height:1.8}.character-selection .intro{line-height:2.1}.character-selection .plain-character strong{font-size:26px}@media(max-width:600px){.character-selection .page-top h1{font-size:21px}.roster-progress{font-size:11px}.character-selection .plain-character strong{font-size:23px}}

/* The final keyword gates appear beneath the collected memories. */
.post-memory-form{margin-top:30px;padding-top:24px;border-top:1px solid #b8d0c431}.post-memory-form label{display:block;margin-bottom:14px;font-size:13px;letter-spacing:.08em;line-height:1.8}.post-memory-form .input-wrap{width:100%}.post-memory-form input{min-width:0}

.episode-title{display:block;background:transparent;border:0;padding:0;line-height:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.episode-title:focus-visible{outline:1px solid #b8d0c4;outline-offset:4px}.reset-confirmation h2{font-size:23px;line-height:1.7}.reset-confirmation p{font-size:13px;line-height:2.2;color:#c9d9cd}.reset-confirmation .actions{margin-top:26px;display:flex;gap:16px;justify-content:center}.reset-confirmation .actions button{min-width:110px;min-height:48px}

/* A modest visual hierarchy for the initial-memory section headings. */
.handout-prose .ho-section h2{font-size:17px;font-weight:600;line-height:1.9;color:#edf0d9;padding:10px 13px 11px;border-left:2px solid #b7cc99;border-bottom:1px solid #cedbc05c;background:linear-gradient(90deg,#b5cba315,transparent);letter-spacing:.025em}.memory-modal.handout-reader .ho-section h2{font-size:16px}@media(max-width:600px){.handout-prose .ho-section h2,.memory-modal.handout-reader .ho-section h2{font-size:15px;letter-spacing:.01em;padding:9px 11px 10px}}

.memory-tile .plant-art{display:block;width:62px;height:58px;object-fit:contain;margin:0 auto 5px}.memory-reader>.plant-art.flower-large{display:block;width:min(100%,310px);height:230px;object-fit:contain;margin:12px auto 24px}.ho-plant img{max-height:250px;object-fit:contain}@media(max-width:600px){.quiet-journal .memory-tile .plant-art{width:55px;height:52px;margin-bottom:4px}.memory-reader>.plant-art.flower-large{width:100%;height:210px}}

.ending-memory{max-width:620px;margin:35px auto 30px;text-align:left}.ending-memory .prose{color:#e1e8dc;font-size:16px;line-height:2.3;letter-spacing:.04em;white-space:pre-line;margin:0 0 25px}.video-instruction{max-width:620px;margin:0 auto 25px;padding:17px 20px;border:1px solid #b8d0c44d;background:#b5cba30c;font-size:15px;line-height:1.9;text-align:center;color:#edf0d9}@media(max-width:600px){.ending-memory{margin-top:27px}.ending-memory .prose{font-size:14px;line-height:2.2}.video-instruction{font-size:13px;padding:15px 12px}}