@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;800&family=Noto+Serif+JP:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@700&family=Klee+One:wght@600&family=Shippori+Mincho:wght@700&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#eee5d4;background:#111514;font-synthesis:none;font-weight:400;--paper:#f2e8d4;--ink:#302c25;--muted:#756d60;--rust:#9f482d;--gold:#cda469;--rule:rgba(98,81,55,.27);font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;transition:color .18s,background .18s,opacity .18s}button,a{-webkit-user-select:none;user-select:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #c98645;outline-offset:5px}::selection{background:#c79e64;color:#201d18}button:hover{color:#ddb784}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Noto Serif JP",serif;font-weight:400}h1,h2{white-space:pre-line}button svg,a svg{flex:none}svg{vertical-align:middle}.app{position:relative;min-height:100dvh;overflow-x:clip;background:#111514}.app:before{position:fixed;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:url(/assets/paper-texture.webp) repeat;background-size:500px;opacity:.025;z-index:0}.skip-link{position:fixed;top:-90px;left:20px;padding:12px 20px;z-index:200;background:var(--paper);color:var(--ink)}.skip-link:focus{top:12px}.site-header{height:88px;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;margin:0 38px;border-bottom:1px solid rgba(217,200,165,.35);gap:20px}.brand{display:flex;align-items:center;gap:12px;padding:4px 0;font-size:19px;letter-spacing:.08em;white-space:nowrap}.brand-mark{color:#d5b88b}.header-actions{display:flex;align-items:center;gap:24px}.language-control{display:flex;gap:11px;align-items:center;font-family:"Noto Serif JP",serif;font-size:13px;white-space:nowrap}.language-control button{position:relative;padding:8px 0;color:#b8b2a7}.language-control button.selected{color:#d5a173}.language-control button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor}.language-control>span{color:#77766d}.header-divider{height:16px;width:1px;background:#e8dabb4d}.about-button{font-size:12px;letter-spacing:.06em;display:flex;gap:9px;align-items:center;padding:8px 0}.header-actions .icon-button{padding:7px;display:flex}.export-menu{position:relative}.export-popover{position:absolute;right:0;top:43px;width:250px;background:#f0e6d3 url(/assets/paper-texture.webp);background-size:400px;color:var(--ink);padding:18px 8px 8px;border:1px solid #b9ac94;box-shadow:0 16px 50px #0005;z-index:50}.export-popover p{padding:0 12px 13px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.export-popover button{display:flex;gap:12px;align-items:center;width:100%;padding:12px;text-align:left;font-size:13px}.export-popover button:hover{background:#b9966020;color:var(--rust)}.export-popover button:last-child{border-top:1px solid var(--rule);margin-top:7px;padding-top:17px}.experience{position:relative;min-height:calc(100dvh - 88px)}.experience-hidden{display:none}.lantern-scene{position:absolute;top:0;right:0;bottom:0;left:44%;overflow:hidden;isolation:isolate;min-height:650px;background:#111514}.environment{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:url(/assets/watercolor-environment.webp) center bottom/cover no-repeat;opacity:var(--reveal);filter:saturate(.7);transition:opacity 2.5s ease}.environment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#111514a0,transparent 35%,#11151428),linear-gradient(#111514cc,transparent 60%)}.scene-halo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 50% 61%,#c3893628,transparent 48%);opacity:calc(var(--reveal) * 1.2);transition:opacity 2s}.scene-viewport{position:absolute;top:7%;right:0;bottom:13%;left:0;z-index:1}.scene-viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scene-viewport canvas.dragging{cursor:grabbing}.orbit-values{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.value-word{position:absolute;left:0;top:0;color:#ffdfa7;text-shadow:0 0 15px #e3a74466,0 1px 8px #111;white-space:nowrap;font-family:"Noto Serif JP",serif;font-size:clamp(17px,1.7vw,25px);letter-spacing:.1em;padding:6px 13px;border-bottom:1px solid #c8a77670;background:#16181450;border-radius:50%;will-change:transform,opacity;max-width:80%;overflow-wrap:anywhere}.scene-eyebrow{position:absolute;left:14%;right:8%;top:41px;display:flex;gap:20px;align-items:center;justify-content:center;z-index:2;font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:.16em;color:#d5c8ae;pointer-events:none}.scene-eyebrow>span{height:1px;background:#c2ae8745;flex:1;max-width:120px}.scene-story{position:absolute;bottom:155px;left:0;right:0;text-align:center;z-index:3;font-family:"Noto Serif JP",serif;font-size:13px;letter-spacing:.06em;color:#c5b89f;pointer-events:none}.scene-bottom{position:absolute;bottom:42px;left:25%;right:20%;display:flex;flex-direction:column;align-items:center;gap:23px;z-index:3;pointer-events:none}.drag-cue{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.09em;color:#d8cbb4}.light-progress{display:flex;gap:25px;align-items:center;justify-content:center;border-bottom:1px solid #ac98716b;padding:0 10px 10px}.light-progress span{font-size:10px;font-family:"Noto Serif JP",serif;color:#918775;position:relative;transition:color 1s}.light-progress span.on{color:#f2cd86;text-shadow:0 0 12px #f9b655}.light-progress span.on:after{content:"";position:absolute;width:3px;height:3px;background:#f4cd82;border-radius:50%;left:calc(50% - 1.5px);bottom:-12px}.scene-tools{position:absolute;bottom:175px;right:26px;z-index:4;display:flex;flex-direction:column;gap:4px}.scene-tool{width:34px;height:34px;display:grid;place-items:center;border:1px solid #b3a07840;color:#c5b493;background:#1418144a;border-radius:50%}.scene-tool:hover{background:#94754b38}.scene-feedback{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;color:#c9baa1;font-size:12px;letter-spacing:.08em}.scene-error{max-width:310px;margin:auto;text-align:center;display:flex;flex-direction:column;line-height:1.8;pointer-events:auto;background:#141714db;padding:28px;inset:auto 16% 40%}.scene-error button{border-bottom:1px solid #c1a273;padding:6px}.loading-mark{width:15px;height:15px;border:1px solid #b99a5a44;border-top-color:#c49b56;border-radius:50%;animation:spin 1.4s linear infinite}.mobile-hint{display:none}.workbook{width:51%;padding:30px 0 30px 27px;position:relative;z-index:5;pointer-events:none;min-height:calc(100dvh - 88px)}.paper-content{pointer-events:auto;position:relative;color:var(--ink);background:var(--paper) url(/assets/paper-texture.webp) center/570px;padding:42px clamp(28px,3.5vw,64px) 28px;min-height:calc(100dvh - 148px);clip-path:polygon(.4% .4%,10% .1%,20% .3%,35% 0,46% .2%,57% .1%,70% .3%,84% 0,97% .5%,99.2% 2%,99.8% 8%,99.4% 17%,100% 25%,99.5% 35%,99.8% 47%,99.5% 57%,100% 69%,99.4% 82%,99.8% 95%,98.5% 99.4%,86% 99.8%,72% 99.5%,61% 100%,50% 99.6%,37% 99.9%,22% 99.7%,10% 100%,.4% 99.3%,0 90%,.3% 78%,0 66%,.2% 51%,0 39%,.4% 22%,0 10%)}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:500;line-height:1.7}.paper-heading h1{font-size:clamp(28px,2.7vw,41px);letter-spacing:.04em;line-height:1.5;margin:15px 0 13px;white-space:normal}.description{font-family:"Noto Serif JP",serif;font-size:13px;line-height:1.9;letter-spacing:.045em;white-space:pre-line;color:#645d50}.steps{display:flex;gap:22px;margin:33px 0 34px}.steps button{flex:1;display:flex;align-items:center;gap:8px;border-bottom:1px solid #8d806777;padding:0 0 13px;text-align:left;font-family:"Noto Serif JP",serif;font-size:12px;white-space:nowrap;position:relative;color:#6a6152}.steps button.active{color:var(--rust)}.steps button.active:after{position:absolute;content:"";height:3px;width:35%;min-width:27px;background:var(--rust);bottom:-1px;left:0}.step-number{font-size:10px;min-width:16px;display:flex;align-items:center;justify-content:flex-start}.question-heading{display:flex;align-items:flex-start;gap:17px}.question-rule{height:26px;width:2px;background:#b47151;flex:none;margin-top:6px}.question-heading h2{font-size:clamp(22px,2vw,29px);letter-spacing:.02em;line-height:1.6;white-space:normal}.question-description{margin:12px 0 22px 19px;font-size:12px;color:#716656;line-height:1.95;letter-spacing:.025em}.fields{display:flex;flex-direction:column;gap:17px}.reflection-field{display:block;position:relative}.field-label{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.07em;color:#786d5b;margin:0 0 8px}.field-label small{font-size:9px;border:1px solid #9e8e6a66;padding:1px 5px;font-weight:400}.reflection-field input,.reflection-field textarea{width:100%;border:1px solid #a89b8588;border-radius:2px;background:#ece5d239;color:var(--ink);padding:14px 16px 26px;line-height:1.7;resize:vertical;font-size:16px;box-shadow:none;color-scheme:light;transition:border-color .3s,background .3s}.reflection-field input{min-height:71px;font-family:"Noto Serif JP",serif;font-size:20px;letter-spacing:.035em}.reflection-field input::placeholder,.reflection-field textarea::placeholder{color:#928777;opacity:.85;font-size:13px}.reflection-field input:focus,.reflection-field textarea:focus{border-color:#a96d48;background:#fffaf342;outline-offset:3px}.field-count{position:absolute;right:11px;bottom:8px;font-family:"Noto Serif JP",serif;font-size:9px;color:#91836f;pointer-events:none}.fields-step-0{gap:17px}.fields-step-1 .field-people input{font-family:Noto Sans JP,sans-serif;font-size:15px;min-height:68px}.reflection-hint{margin-top:20px;color:#786c56;border-bottom:1px solid #a08c652e}.reflection-hint summary{font-size:11px;list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0 12px}.reflection-hint summary::-webkit-details-marker{display:none}.reflection-hint summary svg:last-child{margin-left:auto;transition:transform .2s}.reflection-hint[open] summary svg:last-child{transform:rotate(180deg)}.reflection-hint p{font-size:12px;line-height:1.9;padding:0 0 17px;color:#645844}.form-actions{display:flex;gap:15px;align-items:center;margin-top:25px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 22px;background:#9b452d;color:#fff5df;font-family:"Noto Serif JP",serif;font-size:14px;min-height:52px;letter-spacing:.08em;border-radius:2px;transition:background .25s,transform .25s}.primary-button:hover{background:#813721;color:#fff8e7;transform:translateY(-1px)}.form-actions .primary-button{min-width:70%;max-width:100%}.back-step{padding:14px 0;color:#675b46;flex:none}.back-step:hover{color:var(--rust)}.paper-footer{margin-top:25px;display:flex;flex-direction:column;gap:17px}.save-note{display:flex;gap:7px;align-items:center;color:#84775e;font-size:9px;line-height:1.8;letter-spacing:.035em}.storage-warning{color:#8d4427}.overview-link{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:10px;color:#71644e;padding:3px 0;border-bottom:1px solid #9f8a6655}.overview-link:hover{color:var(--rust)}.overview h2{font-size:25px;line-height:1.6;margin:8px 0 12px}.section-kicker{font-size:10px;color:#8c6d48;letter-spacing:.16em}.review-intro{font-size:12px;color:#786b56;line-height:1.9;margin-bottom:17px}.summary-row{width:100%;padding:17px 0;display:flex;gap:14px;align-items:flex-start;text-align:left;color:var(--ink);border-bottom:1px solid #a28b5933}.summary-row>svg{color:#a06a3c;margin-top:3px}.summary-row>div{flex:1;min-width:0}.summary-row>svg:last-child{color:#8c7d64;width:15px;margin-top:7px}.summary-row h3{font-size:15px;margin-bottom:7px}.summary-row p{font-size:12px;line-height:1.9;color:#72654e;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.overview>.primary-button{margin-top:25px;width:100%}.screen-intro .experience{min-height:calc(100dvh - 88px)}.scene-intro{left:25%;height:calc(100dvh - 88px);min-height:600px}.scene-intro .scene-viewport{top:0;right:0;bottom:0;left:15%}.scene-intro .environment{background-position:center bottom;opacity:calc(var(--reveal) * .68)}.scene-intro .environment:after{background:linear-gradient(90deg,#111514,#111514c0 20%,#11151400 80%),linear-gradient(#11151490,transparent 60%)}.intro{position:relative;z-index:4;pointer-events:none;min-height:calc(100dvh - 88px);display:flex;align-items:center;padding:50px 7vw 100px}.intro-copy{max-width:680px;pointer-events:none}.intro .eyebrow{color:#c7ad83;letter-spacing:.27em;font-size:11px;margin-bottom:35px}.intro h1{font-size:clamp(34px,4vw,62px);line-height:1.7;letter-spacing:.06em;font-weight:400;min-height:215px;text-shadow:0 2px 25px #111a}.intro-caption{color:#b9b09d;font-size:12px;line-height:1.9;letter-spacing:.12em;margin-top:13px}.intro-start{pointer-events:auto;margin-top:40px;padding:15px 0;display:flex;align-items:center;gap:37px;font-family:"Noto Serif JP",serif;font-size:15px;border-bottom:1px solid #c3a374;color:#e4cfac;letter-spacing:.08em}.intro-start:hover{color:#fff0d0}.intro-timing{display:flex;gap:12px;margin-top:39px}.intro-timing span{display:block;width:35px;height:1px;background:#c0ad782f;transition:background 1s}.intro-timing span.active{background:#c4a16a}.about-page{position:relative;z-index:1;color:var(--ink);background:var(--paper) url(/assets/paper-texture.webp) center/600px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;min-height:calc(100dvh - 88px);padding:75px 8vw 90px;color-scheme:light}.about-lead h1{font-size:clamp(32px,3.5vw,50px);line-height:1.6;margin:22px 0 30px}.about-deck{font-family:"Noto Serif JP",serif;font-size:18px;line-height:2;margin-bottom:24px}.about-lead>p:not(.eyebrow):not(.about-deck){font-size:14px;line-height:2.2;color:#746650}.about-lead>.primary-button{margin-top:35px}.about-part{display:flex;gap:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--rule)}.about-part>svg{margin-top:25px;color:#9f6a46}.about-part>div>span{font-family:"Noto Serif JP",serif;font-size:10px;color:#9b7e58}.about-part h2{font-size:24px;margin:5px 0 10px}.about-part p{font-size:13px;line-height:1.9;color:#746650}.about-sources h2{font-size:18px;margin:35px 0 16px}.about-sources p{font-size:12px;line-height:2;color:#786b56}.about-sources a{font-size:11px;display:flex;align-items:center;gap:8px;margin:14px 0;text-underline-offset:5px;color:#895737}.privacy-note{display:flex;gap:10px;align-items:flex-start;margin:27px 0}.privacy-note svg{margin-top:5px;flex:none}.text-button{font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:#87633f}.text-button:hover{color:var(--rust)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:#eee4d2;color:#4c4437;padding:14px 22px;font-size:12px;line-height:1.7;z-index:100;box-shadow:0 4px 25px #0002;white-space:normal}.confirmation-dialog{background:#f2e8d5 url(/assets/paper-texture.webp) center/500px;color:var(--ink);border:1px solid #b3a080;padding:45px;width:min(500px,calc(100vw - 32px));box-shadow:0 30px 120px #0006;color-scheme:light}.confirmation-dialog::backdrop{background:#080d0bd4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirmation-dialog h2{font-size:25px;line-height:1.6;margin:18px 0}.confirmation-dialog>p:not(.eyebrow){font-size:13px;line-height:2;color:#76664d}.dialog-close{position:absolute;top:12px;right:12px;padding:6px}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.dialog-actions .primary-button{font-size:12px;padding:13px 17px;letter-spacing:0}.icon-button:hover{color:#b1844d}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.workbook{width:48%;padding-left:3vw}.paper-content{padding-top:52px}.paper-heading h1{white-space:pre-line}.lantern-scene{left:42%}.question-heading h2{white-space:pre-line}.paper-content{min-height:calc(100dvh - 148px)}.scene-viewport{top:5%;right:0;bottom:11%;left:0}}@media(min-width:1000px)and (max-height:850px){.site-header{height:73px}.experience{min-height:calc(100dvh - 73px)}.workbook{padding-top:22px;min-height:calc(100dvh - 73px)}.paper-content{padding-top:29px;padding-bottom:23px;min-height:calc(100dvh - 117px)}.paper-heading h1{font-size:30px;margin:12px 0 9px}.description{font-size:12px}.steps{margin:23px 0}.question-heading h2{font-size:24px}.question-description{margin-bottom:15px;font-size:11px}.reflection-field input{min-height:62px;padding-top:10px;padding-bottom:22px}.reflection-hint{margin-top:13px}.form-actions{margin-top:19px}.paper-footer{margin-top:18px;gap:12px}.lantern-scene{min-height:620px}.scene-story{bottom:130px}.scene-bottom{bottom:30px;gap:18px}.scene-tools{bottom:155px}.scene-eyebrow{top:32px}.intro h1{min-height:180px}.intro{padding-top:30px}}@media(max-width:1000px)and (min-width:761px){.site-header{margin:0 25px;gap:10px}.header-actions{gap:15px}.workbook{width:55%;padding-left:15px;padding-top:23px}.paper-content{padding:33px 30px}.lantern-scene{left:43%}.steps{gap:13px}.steps button{gap:5px;font-size:11px}.paper-heading h1{font-size:29px}.description{font-size:12px}.question-heading h2{font-size:23px}.scene-eyebrow{left:20%;right:7%;gap:10px}.scene-viewport{left:-10%;right:-10%}.scene-story{font-size:11px;left:15%;bottom:156px}.scene-bottom{left:31%;right:14%}.scene-tools{right:13px}.brand{font-size:16px;gap:9px}.about-button{font-size:11px}}@media(max-width:760px){.site-header{height:70px;margin:0 20px;padding-top:env(safe-area-inset-top);gap:9px}.brand{font-size:15px;letter-spacing:.04em;gap:7px}.brand-mark{width:24px;height:24px}.header-actions{gap:13px}.language-control{font-size:11px;gap:7px}.header-divider,.about-button span{display:none}.about-button{padding:8px 0}.header-actions .icon-button{padding:5px}.export-trigger svg{width:18px;height:18px}.experience{min-height:calc(100dvh - 70px);display:flex;flex-direction:column}.lantern-scene{position:relative;inset:auto;width:100%;min-height:0;height:360px;flex:none;order:0}.scene-viewport{top:0;right:5%;bottom:7%;left:5%}.scene-eyebrow{top:18px;left:22%;right:22%;font-size:11px;gap:14px}.scene-eyebrow>span{min-width:20px}.scene-story{bottom:53px;font-size:10px;letter-spacing:.035em}.scene-bottom{bottom:11px;left:15%;right:15%;gap:0;flex-direction:row;justify-content:center}.drag-cue{font-size:9px;gap:6px}.drag-cue svg{width:20px}.desktop-hint{display:none}.mobile-hint{display:inline}.light-progress{gap:15px;border:0;padding:0;margin-left:25px}.light-progress span{font-size:9px}.light-progress span.on:after{bottom:-5px;width:2px;height:2px}.scene-tools{right:15px;bottom:76px;gap:5px}.scene-tool{width:29px;height:29px}.scene-tool svg{width:14px;height:14px}.value-word{font-size:15px;padding:5px 9px}.workbook{order:1;width:100%;padding:0 12px max(16px,env(safe-area-inset-bottom));min-height:0;margin-top:0}.paper-content{min-height:0;padding:28px 25px 25px;clip-path:polygon(0 .5%,12% .1%,25% .3%,39% 0,54% .3%,70% 0,85% .4%,99.6% .2%,100% 25%,99.7% 48%,100% 77%,99.5% 99.5%,80% 100%,60% 99.7%,40% 100%,20% 99.6%,.4% 100%,0 75%,.2% 50%)}.paper-heading .eyebrow{font-size:8px;letter-spacing:.19em}.paper-heading h1{font-size:29px;line-height:1.6;margin:12px 0 10px;white-space:normal}.description{font-size:11px;line-height:1.9;white-space:normal}.steps{gap:15px;margin:25px 0}.steps button{font-size:11px;gap:6px;padding-bottom:11px}.step-number{font-size:9px;min-width:11px}.question-heading{gap:12px}.question-heading h2{font-size:22px;line-height:1.7}.question-rule{margin-top:7px;height:22px}.question-description{margin:10px 0 21px 14px;font-size:11px;line-height:1.95}.reflection-field input{min-height:73px;font-size:20px}.reflection-field input::placeholder,.reflection-field textarea::placeholder{font-size:12px}.reflection-field textarea{font-size:16px;min-height:135px}.fields{gap:18px}.field-label{font-size:10px}.field-count{font-size:9px}.form-actions .primary-button{min-width:78%}.primary-button{min-height:50px;font-size:13px}.paper-footer{gap:16px}.save-note{font-size:9px}.overview-link{font-size:10px}.reflection-hint summary{font-size:10px}.screen-intro .experience{min-height:calc(100svh - 70px)}.scene-intro{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:calc(100svh - 70px);z-index:0}.scene-intro .scene-viewport{top:-8%;right:-5%;bottom:22%;left:-5%}.scene-intro .environment{background-size:auto 100%;background-position:center bottom}.scene-intro .environment:after{background:linear-gradient(#11151420,transparent 25%,#111514e0 78%,#111514 100%)}.intro{align-items:flex-end;min-height:calc(100svh - 70px);width:100%;padding:0 32px max(35px,env(safe-area-inset-bottom))}.intro-copy{width:100%}.intro .eyebrow{font-size:8px;margin-bottom:17px;letter-spacing:.23em}.intro h1{font-size:28px;line-height:1.7;letter-spacing:.03em;min-height:96px}.intro-caption{font-size:10px;margin-top:12px}.intro-start{font-size:12px;margin-top:18px;padding:10px 0;gap:30px}.intro-start svg{width:20px}.intro-timing{margin-top:23px;gap:8px}.intro-timing span{width:27px}.about-page{display:block;padding:42px 28px 65px;min-height:calc(100dvh - 70px)}.about-lead h1{font-size:31px}.about-deck{font-size:16px}.about-lead>p:not(.eyebrow):not(.about-deck){font-size:13px}.about-details{margin-top:50px}.about-part{margin-bottom:20px;padding-bottom:20px}.about-part h2{font-size:22px}.about-sources h2{font-size:19px}.toast{bottom:max(20px,env(safe-area-inset-bottom));padding:12px 18px;font-size:11px}.confirmation-dialog{padding:38px 26px}.confirmation-dialog h2{font-size:23px}.dialog-actions{gap:10px}.scene-error{max-width:240px;inset:25% auto auto 50%;transform:translate(-50%);padding:18px;font-size:11px}.export-popover{right:-2px;top:38px}}@media(max-width:370px){.site-header{margin:0 14px}.brand{font-size:13px}.header-actions{gap:10px}.brand-mark{width:20px}.workbook{padding-left:8px;padding-right:8px}.paper-content{padding-left:22px;padding-right:22px}.paper-heading h1{font-size:27px}.scene-eyebrow{left:18%;right:18%}.steps{gap:10px}.steps button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-mark{animation:none}}.motion-paused .loading-mark{animation:none}.description{font-size:14px}.question-description{font-size:13px}.field-label{font-size:12px}.reflection-hint summary{font-size:12px}.steps button{font-size:13px}.save-note{font-size:10px}.overview-link{font-size:11px}.summary-row p{font-size:13px}@media(max-width:760px){.description,.question-description{font-size:12px}.field-label{font-size:11px}.reflection-hint summary{font-size:11px}.steps button{font-size:11px}.save-note{font-size:10px}}.scene-intro .scene-viewport{animation:lantern-emerge 2.3s ease-out both}.intro{pointer-events:auto;cursor:pointer}.intro-copy{pointer-events:none}.intro-start{pointer-events:auto}@keyframes lantern-emerge{0%{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.environment:after{background:linear-gradient(90deg,#111514a0,transparent 35%,#11151428),linear-gradient(#111514cc,transparent 60%),linear-gradient(0deg,#11151499,transparent 40%)}.scene-story{color:#e0cfb0;text-shadow:0 1px 7px #000}.drag-cue{color:#e4d4b9;text-shadow:0 1px 6px #000}@media(max-width:760px){.scene-tools{right:10px;bottom:75px;gap:2px}.scene-tool{width:40px;height:40px}.scene-tool svg{width:16px;height:16px}.about-button,.header-actions .icon-button{min-height:40px;min-width:34px;justify-content:center}.header-actions{gap:9px}.light-progress{margin-left:20px}.scene-story{font-size:10px}}.experience.experience-hidden{display:none}.recovery-notice{padding:14px;border:1px solid #a56f4266;background:#c49b4e15;font-size:12px;line-height:1.9;color:#80462d}.recovery-notice button{display:flex;align-items:center;gap:9px;border-bottom:1px solid currentColor;padding:7px 0;font-size:11px}.image-export-dialog{max-width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 40px);background:#eee4d2 url(/assets/paper-texture.webp);color:var(--ink);border:1px solid #b8a382;padding:20px;overflow:auto}.image-export-dialog::backdrop{background:#0b100ee8}.image-export-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:18px}.image-export-heading h2{font-size:18px}.image-export-heading button{padding:7px}.image-export-dialog>img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#151716}.image-export-dialog>a{margin-top:18px;text-decoration:none;min-width:190px}@media(max-width:760px){.paper-heading h1,.question-heading h2{white-space:pre-line}}@media(max-width:760px){.lantern-scene:not(.scene-intro){position:sticky;top:0;z-index:8;height:var(--scene-mobile-height,250px);box-shadow:0 8px 20px #11151466}.lantern-scene:not(.scene-intro) .scene-viewport{top:19px;right:8%;bottom:31px;left:8%}.lantern-scene:not(.scene-intro) .scene-eyebrow{top:10px;font-size:9px;letter-spacing:.1em}.lantern-scene:not(.scene-intro) .scene-story{display:none}.lantern-scene:not(.scene-intro) .scene-tools{display:grid;grid-template-columns:repeat(2,40px);right:8px;bottom:44px;gap:2px}.lantern-scene:not(.scene-intro) .scene-bottom{left:18px;right:18px;bottom:9px}.lantern-scene:not(.scene-intro) .value-word{font-size:14px}.reflection-field{scroll-margin-top:calc(var(--scene-mobile-height,250px) + 16px)}}.narrative-intro{cursor:auto;align-items:center;padding:55px 5.5%;min-height:calc(100svh - 100px);width:54%}.narrative-intro .intro-copy{pointer-events:auto;width:100%;max-width:600px}.narrative-intro .eyebrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.chapter-number{letter-spacing:.15em;color:#bbaa8f}.narrative-intro h1{font-size:36px;line-height:1.55;min-height:0;letter-spacing:.015em;margin-bottom:23px}.intro-passage{min-height:335px}.intro-paragraph{font-family:"Noto Serif JP",serif;font-size:20px;line-height:1.95;color:#e0d6c4;text-wrap:pretty}.intro-reading-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;color:#b9ad98;font-size:10px;line-height:1.6}.intro-reading-status button{display:flex;align-items:center;gap:7px;min-height:44px;flex:none}.chapter-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.chapter-controls button{min-height:48px}.chapter-previous{width:48px;border:1px solid #a48e6544}.chapter-previous:disabled{opacity:.25;cursor:default}.chapter-next{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;border-bottom:1px solid #b5976255;padding:0 0 0 12px}.chapter-track{display:flex;gap:10px;margin-top:12px;--reading-progress:0}.chapter-track button{flex:1;position:relative;min-height:32px;padding:15px 0}.chapter-track button:before,.chapter-track button>span{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:#a58b5c33}.chapter-track button>span{background:#d0ab70;transform-origin:left;transform:scaleX(0)}.chapter-track .read>span{transform:scaleX(1)}.chapter-track .current>span{transform:scaleX(var(--reading-progress))}.intro-skip{display:flex;align-items:center;gap:12px;min-height:44px;font-size:10px;color:#c0b298;text-decoration:underline;text-underline-offset:5px}.story-blackout{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--story-blackout,0);pointer-events:none;z-index:8}.lantern-scene:not(.scene-intro) .story-blackout{display:none}.scene-intro .environment{transition:none;opacity:var(--reveal)}.scene-intro .scene-viewport{animation:none}.scene-intro{background:#000}.scene-intro .scene-halo{opacity:var(--reveal)}@media(min-width:761px){.scene-intro{left:49%}.narrative-intro{position:relative;z-index:10}}@media(max-width:1000px)and (min-width:761px){.narrative-intro{padding:32px 4%;width:55%}.narrative-intro h1{font-size:29px}.intro-paragraph{font-size:17px}.intro-passage{min-height:330px}}@media(max-width:760px){.screen-intro .experience{display:flex;flex-direction:column}.scene-intro{position:relative;inset:auto;height:300px;width:100%;min-height:0;order:0;z-index:0}.scene-intro .scene-viewport{top:0;right:-3%;bottom:0;left:-3%}.scene-intro .environment:after{background:linear-gradient(#11151450,transparent 45%,#111514aa)}.narrative-intro{order:1;position:relative;z-index:9;width:100%;min-height:0;padding:26px 28px max(28px,env(safe-area-inset-bottom));align-items:flex-start}.narrative-intro .intro-copy{max-width:580px;margin:auto}.narrative-intro .eyebrow{margin-bottom:18px;font-size:8px}.narrative-intro h1{font-size:26px;line-height:1.55;margin-bottom:16px;min-height:0}.intro-paragraph{font-size:16px;line-height:1.95}.intro-passage{min-height:0}.intro-reading-status{margin-top:18px;font-size:9px}.chapter-next{font-size:12px}.chapter-controls{margin-top:6px}.intro-skip{font-size:10px}.chapter-track{margin-top:7px}}.value-word,.lantern-scene:not(.scene-intro) .value-word{background:transparent;border:0;border-radius:0;padding:0;color:#fff8e7;font-weight:600;letter-spacing:.02em;line-height:1.4;white-space:normal;width:max-content;max-width:88%;text-align:center;-webkit-text-stroke:2px #181612;paint-order:stroke fill;text-shadow:0 1px 2px #181612;font-size:clamp(16px,1.7vw,25px)}.export-format-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px}.export-format-tabs button,.summary-apply{min-height:46px;border:1px solid #8a7053;padding:10px 14px;border-radius:4px}.export-format-tabs button[aria-pressed=true]{background:#513b2b;color:#fff8e7}.export-format-tabs button:disabled{opacity:.6}.export-format-description{font-size:13px;line-height:1.8;margin-bottom:18px}.wallpaper-summary-editor{border:1px solid #ab967a;padding:14px;margin:0 0 20px}.wallpaper-summary-editor summary{cursor:pointer;min-height:32px}.wallpaper-summary-editor p{font-size:12px;line-height:1.8}.wallpaper-summary-editor label{display:block;margin:15px 0}.wallpaper-summary-editor label span{display:block;font-size:12px;margin-bottom:7px}.wallpaper-summary-editor textarea{width:100%;padding:10px;font:inherit;font-size:16px;color:#29241d;background:#fff9eacc;border:1px solid #ab967a;border-radius:3px}.summary-apply{font-size:13px}.export-loading{padding:15px 0}.image-export-dialog>img{display:block;margin:0 auto 22px}.export-detailed>img{max-height:none}.export-wallpaper>img{max-height:64dvh;object-fit:contain}.image-export-dialog .primary-button{margin-top:10px}@media(max-width:760px){.value-word,.lantern-scene:not(.scene-intro) .value-word{font-size:16px;-webkit-text-stroke:2px #181612}.export-format-tabs{gap:6px}.export-format-tabs button{font-size:12px}}.steps button.active:after{width:100%;min-width:0;right:0}.steps button{min-width:0;min-height:44px}.value-rings{overflow:visible;z-index:3}.value-ring-letter{font-family:Noto Sans JP,sans-serif;font-weight:800;paint-order:stroke fill;stroke-linejoin:round;letter-spacing:0}.value-ring{transition:opacity .35s}.value-style-editor{margin-top:9px;border-bottom:1px solid #a08c6533;color:#675c49}.value-style-editor summary{display:flex;gap:9px;align-items:center;min-height:44px;cursor:pointer;font-size:11px;list-style:none}.value-style-editor summary::-webkit-details-marker{display:none}.value-style-editor summary>svg{margin-left:auto}.value-style-sample{font-weight:800;font-size:16px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value-palettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 12px}.value-palettes button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;padding:5px;border:1px solid transparent;border-radius:3px;min-height:55px}.value-palettes button[aria-pressed=true]{border-color:#9f482d;background:#b68d5620}.value-palettes button>span{display:grid;place-items:center;min-width:42px;min-height:30px;font-weight:800;font-size:16px;border-radius:3px}.value-color-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:6px 0 15px}.value-color-inputs label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.value-color-inputs input[type=color]{width:48px;height:44px;padding:3px;border:1px solid #a39277;border-radius:4px;background:transparent;cursor:pointer;color-scheme:light}.field-with-style{min-width:0}.value-style-editor[open]{padding-bottom:0}.closing-reflection{margin-top:25px;border-top:1px solid #a28b5966;padding-top:20px}.closing-reflection h3{font-size:17px;line-height:1.7;color:#815438}.closing-reflection p{font-size:13px;line-height:1.95;color:#6a5a43;margin-top:10px}.legacy-reflections{margin-top:8px;border:1px solid #a18e6c66;padding:13px}.legacy-reflections summary{font-size:12px;cursor:pointer;line-height:1.8;min-height:36px}.legacy-reflections>p{font-size:12px;line-height:1.9;margin:8px 0 18px;color:#75654e}.legacy-reflections .reflection-field+.reflection-field{margin-top:16px}.value-font-picker{margin:10px 0 16px}.value-font-picker>p{font-size:11px;margin:0 0 8px;color:#75654e}.value-font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.value-font-options button{border:1px solid #a18e6c66;border-radius:4px;text-align:left;padding:10px 12px;min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}.value-font-options button[aria-pressed=true]{border-color:#9f482d;background:#b68d5620;box-shadow:inset 0 0 0 1px #9f482d}.value-font-options button>span{font-size:19px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#352d23}.value-font-options small{font-size:10px;color:#78644d}.value-font-options button:focus-visible{outline-offset:2px}