@charset "UTF-8";:root{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;color:#f1dfbd;background:#20150e;font-synthesis:none;font-weight:400;--red:#a82d22;--gold:#d1a66c;--ink:#362519;--paper:#f0dfc2}#root{display:flow-root;min-height:100dvh}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100dvh;display:block;background:radial-gradient(ellipse at 50% 35%,#4b3421 0,#26190f,#15100b)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;min-height:44px}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible{outline:2px solid #d49e50;outline-offset:4px}button:active{filter:brightness(.93)}img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;max-width:100%}p{line-height:1.8;margin:.6em 0}h1,h2{font-weight:500;margin:0}a{color:#a82d22;text-underline-offset:4px}button{touch-action:manipulation}button,img{-webkit-touch-callout:none}.desktop-caption{position:fixed;left:8vw;top:12vh;display:grid;gap:12px;letter-spacing:.2em;color:#dfc09a;font-size:18px}.desktop-caption small{font-size:11px;opacity:.55;letter-spacing:.35em}.desktop-footer{position:fixed;right:5vw;bottom:6vh;writing-mode:vertical-rl;letter-spacing:.35em;font-size:11px;color:#b69c7d;opacity:.65}.phone-frame{width:min(440px,calc((100dvh - 40px)*6/13));height:calc(100dvh - 40px);max-height:1000px;min-height:620px;position:relative;margin:20px auto;overflow:hidden;border-radius:22px;box-shadow:0 25px 100px #0008,0 0 0 1px #cfaa7850;isolation:isolate;background:#24170f}.phone-frame.light{color:var(--ink);background:var(--paper)}.page-transition{height:100%;position:relative;animation:pageEnter .6s ease both}.transition-1{animation:paperAdvance .8s cubic-bezier(.22,.8,.3,1) both}.transition-3{animation:detailAdvance .65s ease both}.transition-5{animation:detailAdvance .8s ease both}.transition-8{animation:returnPaper .75s ease both}.transition-9{animation:paperAdvance .7s ease both}.page{height:100%;width:100%;position:relative;padding:68px 22px 28px;display:flex;flex-direction:column;overflow:hidden;gap:8px}.paper-page{background-size:100% 100%;background-color:var(--paper)}.dark-page{background:#26160e}.page-heading{text-align:center;flex:none;z-index:2;position:relative;padding:5px 0 6px;pointer-events:none}.page-heading h1{font-size:clamp(22px,3.8vh,34px);letter-spacing:.22em;text-indent:.22em;font-weight:500;text-shadow:0 2px 16px #0009}.page-heading p{font-size:12px;letter-spacing:.16em;line-height:1.6;color:#d9ba88;margin-top:5px}.paper-heading h1{color:var(--red);text-shadow:none;font-weight:600;font-size:clamp(28px,4.6vh,40px)}.paper-heading p{color:#a32c22;font-size:14px}.top-tools{position:absolute;z-index:15;top:calc(12px + env(safe-area-inset-top,0px));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.icon-button{pointer-events:auto;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;min-height:40px;border:1px solid #d4b27666;background:#24150855;font-family:system-ui;font-size:28px;line-height:1;color:#eed8b0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.light .icon-button{color:#8b3c28;border-color:#aa6a3744;background:#f5e6ce66}.top-label{font:9px system-ui;letter-spacing:.2em;opacity:.55}.sound{position:relative;font-size:23px}.sound i{position:absolute;width:20px;height:1px;background:currentColor;transform:rotate(-45deg)}.journey-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#be89562e;z-index:5}.journey-progress span{display:block;height:100%;background:#bc8958;transition:width .6s}.toast{position:absolute;z-index:40;bottom:calc(32px + env(safe-area-inset-bottom,0px));left:7%;right:7%;border-radius:8px;background:#392215ed;color:#ffe7bd;font-family:system-ui;font-size:12px;text-align:center;line-height:1.6;box-shadow:0 6px 20px #0003;pointer-events:none}.toast:not(:empty){padding:12px 18px;animation:softEnter .2s ease}.chapter-menu{position:absolute;inset:66px 20px auto;background:#f1e0c8;z-index:30;border:1px solid #bd9157;border-radius:12px;box-shadow:0 14px 44px #0008;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.chapter-menu button{font-size:13px;color:#783322;border-radius:6px;text-align:left;padding:8px}.chapter-menu button:hover{background:#ddc8a8}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:28px;width:100%;padding:12px 17px;letter-spacing:.06em;transition:transform .2s,filter .2s}.primary{background:linear-gradient(140deg,#ba392a,#9c211a);color:#fff0d2;border:1px solid #d5875b;box-shadow:inset 0 0 0 3px #e9bc851c,0 5px 18px #611b181a;font-size:15px}.primary span{font-family:system-ui;font-size:20px}.primary:active{transform:scale(.975)}.secondary{border:1px solid #ad775b;color:#79422b;min-height:40px;margin-top:10px;font-size:14px}.page-bottom{position:relative;z-index:2;margin-top:auto;flex:none;width:100%;text-align:center}.poem{line-height:1.8;font-size:15px;margin:10px 0 16px;letter-spacing:.06em}.small-note{font-size:11px;opacity:.7;line-height:1.8;letter-spacing:.04em;text-align:center}.text-button{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:3px 12px;min-height:32px;opacity:.8}.interaction-hint{font-size:12px;text-align:center;letter-spacing:.05em;margin:4px 0 10px}.hand{display:inline-block;margin-right:7px;font-size:18px;color:#cc9658;animation:hintMove 2.8s ease-in-out infinite}.paper-page .hand{color:#a7452a}.plum{position:absolute;width:42%;z-index:1;pointer-events:none;opacity:.72;filter:saturate(.65);animation:softEnter 1.5s both}.plum-top{left:-24%;top:0;transform:rotate(-8deg)}.plum-bottom{bottom:0;right:-28%;transform:rotate(165deg)}.paper-seal{writing-mode:vertical-rl;position:absolute;right:16px;top:70px;border:1px solid #b95837;color:#a94128;padding:6px 3px;font-size:9px;letter-spacing:.22em;border-radius:3px;opacity:.8}.home-page .page-heading{margin-top:12px}.home-page{gap:10px}.papercut-button{padding:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;animation:cutEnter 1.2s ease both}.papercut-button img{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(1px 3px 2px #8d1e1d25);mix-blend-mode:multiply}.paper-bounce{animation:paperBounce .6s ease}.home-poem{text-align:center;flex:none;z-index:2;margin-bottom:8px}.home-poem p{font-size:15px;letter-spacing:.09em;margin-bottom:20px}.home-poem .primary{animation:buttonBreathe 4s infinite}.home-poem small{display:block;font-size:9px;letter-spacing:.16em;opacity:.45;margin-top:18px}.reveal-stage{position:relative;flex:1;min-height:0;width:calc(100% + 12px);margin-left:-6px;border-radius:10px;overflow:hidden;touch-action:none;box-shadow:0 8px 26px #643e2120}.reveal-photo,.paper-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reveal-photo{object-fit:contain;background:#24170e}.paper-canvas{z-index:2}.paper-corner{position:absolute;z-index:3;display:grid;place-items:center;width:68px;height:68px;border-radius:50% 0 0;background:linear-gradient(135deg,#fff3d8 0,#d7bb97 65%,#a67a5090);box-shadow:-3px -3px 8px #61391d22;color:#9f442b;font-size:28px;transition:right .08s,bottom .08s;pointer-events:none}.paper-corner small{font-size:9px;margin-top:-10px}.reveal-meter{position:absolute;z-index:4;bottom:9px;left:10px;background:#20120666;border:1px solid #d5ad6c66;border-radius:16px;padding:3px 9px;color:#ead1a9;font:10px system-ui}.reveal-page .page-bottom{min-height:105px;padding-top:8px}.room-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(9px) brightness(.3);opacity:.9}.angle-stage{position:relative;flex:1;min-height:0;touch-action:pan-y;display:flex;justify-content:center;align-items:center}.angle-object{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #0005);animation:angleIn .45s ease both;pointer-events:none}.view-label{position:absolute;right:3px;bottom:8px;font-size:10px;background:#21120c88;border:1px solid #c1935866;padding:4px 10px;border-radius:20px}.angle-page>.interaction-hint{position:relative;flex:none;opacity:.75;margin:0}.angle-thumbnails{position:relative;display:flex;gap:6px;flex:none}.angle-thumbnails button{min-width:0;flex:1;padding:4px 2px;border:1px solid #b3874755;background:#24150d99;border-radius:6px;height:78px;font-size:10px;transition:border-color .2s}.angle-thumbnails img{height:49px;width:100%;object-fit:contain}.angle-thumbnails span{display:block;margin-top:3px;white-space:nowrap;font-size:9px}.angle-thumbnails .selected,.detail-thumbnails .selected{border:1px solid #d6a158;box-shadow:0 0 0 2px #d8ac591c}.triple-nav{display:flex;gap:7px;z-index:2;margin-top:4px}.triple-nav button{flex:1;min-width:0;min-height:40px;font-size:12px;border:1px solid #a88050;border-radius:5px;background:#21130e88;white-space:nowrap}.triple-nav button:first-child{background:#a22d23}.detail-page{padding-left:0;padding-right:0;gap:0}.detail-page .page-heading{position:absolute;top:72px;left:0;right:0;text-shadow:0 2px 10px #000;pointer-events:none}.detail-image,.textile-image{height:55%;width:100%;position:relative;overflow:hidden;flex:none;padding:0;touch-action:pan-y}.detail-image:after,.textile-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#1d0d09a0 0,transparent 40%,#28150926);pointer-events:none}.detail-image>img,.textile-image>img{width:100%;height:100%;object-fit:cover;animation:detailImage .6s ease;pointer-events:none}.counter{position:absolute;right:18px;top:25%;z-index:2;border:1px solid #cfa56788;background:#331b10c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ead0a9;padding:5px 11px;border-radius:24px;font:12px system-ui}.paper-card{background:var(--paper);background-image:url(/assets/huajiao/01-cover/01_paper_background.webp);background-size:100% 100%;color:var(--ink);padding:20px 22px 18px;border-radius:26px 26px 0 0;position:relative;z-index:3;flex:1;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -8px 24px #2c140c35}.detail-page .paper-card{margin-top:-24px}.paper-card h2{font-size:21px;letter-spacing:.08em}.paper-card>small{font-size:10px;color:#976445;letter-spacing:.08em}.paper-card p{font-size:13px;line-height:1.75;margin:8px 0 13px}.paper-card .primary{min-height:40px;padding:9px 14px;font-size:13px;margin-top:12px}.detail-thumbnails{display:flex;gap:9px}.detail-thumbnails button{flex:1;min-width:0;padding:3px;min-height:0;border:1px solid #ae7a5544;border-radius:5px;height:55px;background:#402514}.detail-thumbnails img{height:100%;width:100%;object-fit:cover;border-radius:2px}.hotspot{position:absolute;z-index:3;min-height:38px;border:1px solid #d8b07799;background:#58311ec9;color:#ffe4b5;border-radius:24px;display:flex;align-items:center;gap:7px;padding:4px 12px;white-space:nowrap;font-size:12px;box-shadow:0 0 0 5px #e9bd7315;animation:hotspotBreathe 3s infinite}.hotspot span{width:24px;height:24px;display:grid;place-items:center;background:#ebc58d;color:#563220;border-radius:50%;font-size:17px}.pattern-hotspot{left:46%;top:54%;padding:6px;border-radius:50%}.pattern-hotspot span{width:29px;height:29px;font-size:23px}.visited{border-color:#e5c286;background:#3a2419dd}.zoom-badge{position:absolute;z-index:3;bottom:42px;right:16px;border:1px solid #d6ab78aa;background:#29170caa;color:#eed5ab;border-radius:24px;padding:6px 12px;font-size:11px}.curtain-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;margin:0 -12px}.sedan-rig{width:100%;max-height:100%;aspect-ratio:1000/1268;position:relative;flex:none}.sedan-base{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.8);transition:filter 1s}.curtain-door{position:absolute;left:22.7%;top:27.6%;width:54.9%;height:50.7%;overflow:hidden;isolation:isolate;touch-action:none}.curtain-layer{position:absolute;top:0;bottom:0;width:52%;padding:0;border:0;min-height:0;touch-action:none;will-change:transform;transform-origin:0 50%;transition:transform .18s ease-out;z-index:2}.curtain-0{left:0;transform-origin:left center}.curtain-1{right:0;transform-origin:right center}.curtain-layer img{width:100%;height:100%;object-fit:fill;pointer-events:none}.curtain-1 img{transform:scaleX(-1)}.curtain-layer:active{transition:none;filter:brightness(1.08)}.door-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(#ffad4925,transparent 70%);opacity:0;transition:opacity 1.2s;pointer-events:none;z-index:3}.curtains-open .door-glow{opacity:1}.curtains-open .sedan-base{filter:brightness(1)}.curtain-page .page-bottom{min-height:110px}.interior-page{padding-left:0;padding-right:0;padding-bottom:22px;gap:4px}.interior-page>.page-heading{padding:0 22px}.interior-stage{flex:1;position:relative;overflow:hidden;min-height:0;background:#30160c}.interior-photo{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transition:transform .65s ease,filter .7s;filter:brightness(.85);transform:scale(1)}.interior-photo.focus-0{transform:scale(1.16);transform-origin:75% 36%;filter:brightness(1.05)}.interior-photo.focus-1{transform:scale(1.15);transform-origin:50% 67%;filter:brightness(1.05)}.interior-fabric{right:12px;top:26%}.interior-seat{left:45%;top:63%}.interior-page>.page-bottom{padding:0 22px}.story-photo{width:100%;max-height:36vh;object-fit:cover;border-radius:7px;margin-top:12px}.procession-page{padding:64px 0 0;gap:0}.procession-page>.page-heading{position:absolute;top:76px;left:0;right:0;text-shadow:0 2px 12px #000;z-index:3}.procession-stage{position:relative;flex:1;min-height:0;touch-action:pan-y;overflow:hidden;--journey:0;--shift:-8px;background:#402816}.procession-back{position:absolute;width:110%;height:110%;left:-5%;top:-5%;object-fit:cover;filter:blur(15px) brightness(.65);transform:translate(calc(var(--shift)*-.8));transition:transform .7s ease;pointer-events:none}.procession-photo{position:relative;height:100%;width:100%;object-fit:contain;object-position:center;transform:translate(var(--shift)) translateY(calc(var(--journey)*-2px));transition:transform .7s ease;pointer-events:none}.journey-dragging .procession-photo,.journey-dragging .procession-back{transition:none}.procession-stage:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(#180b0877 0,transparent 25%,transparent 80%,#321a0c33);pointer-events:none}.foreground-shadow{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 20px 0 40px #32150c44,inset -15px 0 30px #21160b55;transform:translate(calc(var(--shift)*-1.3));pointer-events:none}.warm-arrival{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 24%,#ffd38966,transparent 70%);opacity:calc(var(--journey)*.22);transition:opacity .8s;pointer-events:none}.procession-stage .counter{top:24%;right:16px}.scene-caption{position:absolute;bottom:28px;left:0;right:0;font-size:12px;letter-spacing:.2em;text-align:center;text-shadow:0 2px 7px #000;color:#fff0cf;z-index:2}.scene-card{flex:none;min-height:180px;border-radius:24px 24px 0 0;margin-top:-17px;padding:20px 22px 12px}.scene-copy{min-height:76px;animation:softEnter .6s ease}.scene-copy p{margin-bottom:4px}.scene-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-actions>button{width:38px;height:38px;min-height:38px;border-radius:50%;border:1px solid #b38158;color:#8b2d21;font-size:26px}.scene-actions>.scene-next{background:#a72d22;border-color:#a72d22;color:#ffe4bd}.scene-dots{display:flex;gap:12px}.scene-dots button{width:18px;height:28px;min-height:28px;padding:0;position:relative}.scene-dots button:after{content:"";position:absolute;top:10px;right:5px;bottom:10px;left:5px;border-radius:50%;background:#b6936e}.scene-dots button[aria-pressed=true]:after{background:#ad3728}.scene-card .interaction-hint{font-size:11px;margin:7px 0 0}.scene-card .scene-disclosure{font-size:9px;text-align:center;display:block;opacity:.5;margin-top:5px}.comparison-page{padding:66px 22px 24px;gap:4px}.comparison-page .page-heading h1{font-size:24px;color:#392519;letter-spacing:.07em}.comparison-page .page-heading p{color:#58371f;letter-spacing:.09em;font-size:15px}.comparison-subtitle{text-align:center;font-size:11px;letter-spacing:.15em;margin:0 0 8px;color:#967048}.comparison-stage{position:relative;width:calc(100% + 4px);margin-left:-2px;flex:1;min-height:0;--split:50%;touch-action:none;border-radius:3px;isolation:isolate;overflow:hidden}.compare-real,.compare-cut{position:absolute;top:0;right:0;bottom:0;left:0}.compare-real{background:radial-gradient(#664120,#28170e);box-shadow:inset 0 0 30px #0008}.compare-cut{background-image:url(/assets/huajiao/01-cover/01_paper_background.webp);background-size:100% 100%;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-real img,.compare-cut img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.compare-cut img{mix-blend-mode:multiply}.split-handle{position:absolute;top:0;bottom:0;left:var(--split);width:38px;transform:translate(-50%);padding:0;z-index:3;touch-action:none}.split-handle:before{content:"";position:absolute;width:2px;left:18px;top:0;bottom:0;background:#e2bd89;box-shadow:0 0 8px #20100044}.split-handle span{position:absolute;left:2px;top:calc(50% - 17px);width:34px;height:34px;border:1px solid #b58450;border-radius:50%;background:#f6e8cc;color:#522d19;display:grid;place-items:center;font:20px system-ui;letter-spacing:-3px}.split-ease .compare-cut{transition:clip-path .5s ease}.split-ease .split-handle{transition:left .5s ease}.compare-label{position:absolute;bottom:9px;font-size:9px;color:#f3ddbc;background:#361e1088;padding:3px 7px;border-radius:15px;pointer-events:none}.label-left{left:9px;background:#dbc39dcc;color:#7d3825}.label-right{right:9px}.comparison-page .page-bottom{padding-top:8px}.comparison-actions{display:flex;gap:10px;margin-bottom:10px}.comparison-actions button{flex:1;border-radius:22px;background:#be8b59;color:#fff1d7;border:1px solid #976c45;min-height:37px;font-size:12px}.comparison-actions button:last-child{background:#392d22;border-color:#392d22}.completion-page{gap:5px;text-align:center}.completion-page .page-heading h1{letter-spacing:.12em;font-size:33px}.completion-page .page-heading p{font-size:19px;letter-spacing:.16em}.completion-copy{position:relative;z-index:2}.completion-copy p{font-size:12px;line-height:1.9;margin:10px 0}.completion-copy h2{font-size:21px;line-height:1.8;margin:10px 0 15px}.final-cut{position:relative;flex:1;min-height:0;width:100%;object-fit:contain;padding:14px 4px;mix-blend-mode:multiply;animation:cutEnter 1.1s both}.completion-page .page-bottom{padding:0 18px}.completion-page .small-note{margin:0 0 10px}.completion-copy .primary{margin-top:20px}.directory-link{display:block;margin-top:15px;font-size:12px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b0c09bc;z-index:50;display:flex;align-items:flex-end;padding:15px 12px 22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:softEnter .25s ease}.sheet{position:relative;background:#f0dec0;color:#3c281b;padding:25px 22px 22px;border-radius:22px 22px 12px 12px;max-height:90%;overflow:auto;width:100%;box-shadow:0 8px 44px #0009;background-image:url(/assets/huajiao/01-cover/01_paper_background.webp);background-size:cover;outline:none;animation:sheetEnter .4s ease}.sheet h2{font-size:22px;padding-right:20px;line-height:1.45}.sheet p{font-size:14px}.sheet a{font-size:12px}.close{position:absolute;right:9px;top:10px;width:40px;height:40px;min-height:40px;border:1px solid #a7795744;border-radius:50%;font:25px system-ui;background:#f8eaca99}.zoom-area{height:min(43vh,380px);overflow:hidden;margin-top:17px;background:#30170e;border-radius:8px;touch-action:none;display:flex;justify-content:center;align-items:center}.zoom-area img{width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none}.zoom-tools{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:9px;font:12px system-ui}.zoom-tools button{min-height:36px;min-width:36px;border:1px solid #b9906744;border-radius:7px;background:#ead2ad}.zoom-tools span{min-width:45px;text-align:center}.loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-size:12px;background:#ecdbbf;color:#925239}.loading-mark{font-size:38px;animation:buttonBreathe 2s infinite}@keyframes pageEnter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes paperAdvance{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes detailAdvance{0%{opacity:0;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@keyframes returnPaper{0%{opacity:0;filter:sepia(1)}to{opacity:1;filter:sepia(0)}}@keyframes softEnter{0%{opacity:0}to{opacity:1}}@keyframes cutEnter{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes paperBounce{0%,to{transform:scale(1)}35%{transform:scale(.97) rotate(-.4deg)}70%{transform:scale(1.02)}}@keyframes buttonBreathe{0%,to{box-shadow:0 0 0 1px #d99e6340}50%{box-shadow:0 0 0 5px #d99e631b}}@keyframes hintMove{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes angleIn{0%{opacity:.3;transform:perspective(700px) rotateY(8deg) scale(.98)}to{opacity:1;transform:none}}@keyframes detailImage{0%{opacity:.5;transform:translate(10px) scale(1.025)}to{opacity:1;transform:none}}@keyframes hotspotBreathe{0%,to{box-shadow:0 0 0 4px #d3a26615}50%{box-shadow:0 0 0 9px #d3a26608}}@keyframes sheetEnter{0%{transform:translateY(22px);opacity:.2}to{transform:none;opacity:1}}@media (max-width:700px){body{background:#24160f}.phone-frame{width:100%;height:100svh;height:100dvh;max-height:none;min-height:500px;border-radius:0;margin:0;box-shadow:none}.page{padding-top:calc(65px + env(safe-area-inset-top,0px));padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}.detail-page{padding-bottom:env(safe-area-inset-bottom,0px)}.detail-page .page-heading,.procession-page .page-heading{top:calc(76px + env(safe-area-inset-top,0px))}.procession-page{padding-bottom:env(safe-area-inset-bottom,0px)}.interior-page{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.desktop-caption,.desktop-footer{display:none}.modal-backdrop{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.paper-seal{top:calc(70px + env(safe-area-inset-top,0px))}}@media (max-height:700px){.page{gap:3px;padding-top:55px;padding-bottom:16px}.top-tools{top:8px}.page-heading h1{font-size:25px}.paper-heading h1{font-size:31px}.home-page .page-heading{margin-top:0}.home-poem p{margin-bottom:10px;font-size:13px}.home-poem small{margin-top:10px}.angle-thumbnails button{height:63px}.angle-thumbnails img{height:36px}.triple-nav button{font-size:11px;min-height:37px}.interaction-hint{font-size:11px}.curtain-page .page-bottom{min-height:85px}.poem{font-size:13px;margin:4px 0 10px}.detail-page .page-heading,.procession-page .page-heading{top:59px}.paper-card{padding:14px 18px 12px}.paper-card p{font-size:12px;line-height:1.65;margin:6px 0 8px}.paper-card h2{font-size:19px}.detail-thumbnails button{height:43px}.paper-card .primary{margin-top:8px;min-height:37px;padding:7px 12px}.scene-card{min-height:155px}.scene-copy{min-height:65px}.scene-card .interaction-hint{margin-top:2px}.completion-page .page-heading h1{font-size:28px}.completion-page .page-heading p{font-size:17px}.completion-copy p{font-size:11px}.home-poem .primary{font-size:13px}.page-heading p{font-size:11px}.reveal-page .page-bottom{min-height:90px}.comparison-page .page-heading h1{font-size:20px}.comparison-page .page-heading p{font-size:13px}.small-note{font-size:10px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:1100px){.desktop-caption,.desktop-footer{display:none}}.dark .loading{background:#27170f;color:#d9b785}.interior-seat{top:54%}.compare-real img,.compare-cut img{transform:scale(1.95)}.story-tabs{display:flex;gap:6px;margin:17px 0 14px;border-bottom:1px solid #ae815c44;padding-bottom:10px}.story-tabs button{flex:1;font-size:12px;border-radius:20px;background:#dbc09b55;color:#79422c;padding:6px;min-height:36px}.story-tabs button[aria-selected=true]{background:#a72e24;color:#ffebcc}.culture-panel h3{font-size:17px;letter-spacing:.06em;font-weight:500;margin:12px 0 8px}.culture-panel p{font-size:13px;line-height:1.85}.culture-panel blockquote{margin:16px 0;padding:10px 12px;border-left:2px solid #b2422d;background:#bd8b5120;color:#993d2a;font-size:14px;letter-spacing:.04em}.legend-label{font-size:10px;letter-spacing:.1em;color:#ab3d28;border:1px solid #b75c3c77;border-radius:4px;padding:4px 7px;display:inline-block}.culture-panel .legend-note{padding:10px 12px;border:1px solid #b4875a55;border-radius:6px;color:#914b31;font-size:12px}.culture-panel .culture-footnote{font-size:11px;color:#8f6c50;line-height:1.7}.meaning-list{margin:8px 0}.meaning-list>div{display:grid;grid-template-columns:76px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid #a5795540}.meaning-list dt{font-size:13px;color:#993d2a;line-height:1.8}.meaning-list dd{font-size:12px;line-height:1.8;margin:0}.culture-sources{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.culture-sources a{font-size:10px}.procession-photo{animation:processionChange .55s ease both}@keyframes processionChange{0%{opacity:.55}to{opacity:1}}