*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10151b;color:#f0f0ef}body{font-family:Helvetica Neue,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}.preview{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px}.device{height:min(830px,calc(100svh - 106px));aspect-ratio:390/800;padding:9px;border-radius:58px;background:#080a0d;box-shadow:0 0 0 1px #555b60,0 0 0 3px #22282e,0 22px 70px #0008;position:relative}.screen{height:100%;width:100%;overflow:hidden;border-radius:49px;position:relative;container-type:size;background:#101c2a;isolation:isolate}#ambient,.vignette{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.vignette{z-index:-1;background:radial-gradient(ellipse at 50% 44%,transparent 25%,#02070e33 75%,#02070e88)}.status{position:absolute;top:2.5%;left:9.5%;right:8%;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:3.8cqw;height:5%}.island{position:absolute;left:50%;transform:translate(-50%);width:30cqw;height:8.3cqw;border-radius:30px;background:#010202}.signals{display:flex;align-items:center;gap:5px}.signals svg{width:4cqw;height:3cqw;fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;fill:none}.bars{font-size:2.5cqw;letter-spacing:1px}.battery{width:5cqw;height:2.5cqw;border-radius:3px;border:1px solid #ccd0d4;position:relative;padding:1px}.battery:before{content:"";display:block;background:#eceff1;width:90%;height:100%;border-radius:1px}.battery:after{content:"";position:absolute;right:-3px;top:30%;height:40%;width:2px;background:#92969b}.question{position:absolute;top:9.6%;width:100%;text-align:center;font-size:3cqw;letter-spacing:.5cqw;font-weight:300;color:#e0dedb}.question-track{width:18%;height:1.5px;background:#a6b1c035;border-radius:2px;margin:2.7cqw auto 0;overflow:hidden}.question-track i{display:block;width:60%;height:100%;background:#ded8c7}.deck{position:absolute;top:16%;left:5%;width:90%;height:60%;touch-action:none;outline:none;cursor:grab;-webkit-user-select:none;user-select:none}.deck:active{cursor:grabbing}.deck:focus-visible .card{outline:1px solid #b9c2cc;outline-offset:5px}.card{position:absolute;inset:0;border-radius:5.4cqw;padding:10% 8% 5%;background:linear-gradient(145deg,#11161bf5,#060a0eef 60%,#101317f7);border:.5px solid #c5cbd16b;box-shadow:0 0 1px #e2e7ed99,0 0 8px #dce6f21c,0 0 22px #cad3df0d,inset 0 0 5px #dee6f10b,0 18px 42px #0004;transform-origin:50% 70%;will-change:transform,opacity,filter}.cover{width:100%;aspect-ratio:1;border-radius:1.2cqw;overflow:hidden;position:relative;box-shadow:0 0 0 .5px #b9c6d73a}.reference-cover{background-image:url(/reference.png);background-size:169.86% 301.44%;background-position:50.13% 33.78%;background-repeat:no-repeat}h1{font-family:Songti SC,"Noto Serif CJK SC",serif;font-weight:400;font-size:6.5cqw;letter-spacing:.35cqw;text-align:center;margin:4.7cqw -5% 2.1cqw}.artist{text-align:center;font-size:3.4cqw;font-weight:300;letter-spacing:.6cqw;margin:0}.song-track{height:.8cqw;margin:4.9cqw 7% 0;background:#89919a47;border-radius:10px;overflow:hidden}.song-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#d1c6ac,#ebebed)}.time{font-size:3cqw;font-weight:300;letter-spacing:.25cqw;text-align:center;margin:3.8cqw 0 0}.profile{position:absolute;top:84.1%;text-align:center;width:100%}.profile p{font-size:2.6cqw;letter-spacing:.6cqw;margin:0 0 1.5cqw;color:#d7dce1}.percent{font-family:Times New Roman,serif;font-size:6.7cqw;font-weight:300;color:#dfd3b8}.profile-track{width:33%;height:.5cqw;background:#c5cbd124;margin:4cqw auto 0;border-radius:10px;position:relative}.profile-track i{position:absolute;left:50%;transform:translate(-50%);width:28%;height:100%;background:#d0c5b366}.home{position:absolute;bottom:1.5%;left:33%;width:34%;height:.6%;background:#f3f3f4;border-radius:20px}#second{opacity:0;visibility:hidden;pointer-events:none}.warm-cover{background:linear-gradient(151deg,#d6b890,#b97746 30%,#7e3f22 50%,#2e231e)}.warm-cover:before{content:"";position:absolute;inset:-15%;background:linear-gradient(134deg,transparent 36%,#f7d9a955 36.5%,transparent 57%),linear-gradient(27deg,#271b1944 30%,transparent 30.2%),linear-gradient(90deg,transparent 68%,#20171055 68.3%);transform:rotate(-8deg)}.warm-cover:after{content:"";position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cover-caption{position:absolute;top:10%;left:10%;font-family:Georgia,serif;line-height:1.2;font-size:4.1cqw;color:#f4e6cc;letter-spacing:-.1cqw}.sun{position:absolute;width:43%;height:43%;border:1px solid #e6c39780;border-radius:50%;bottom:13%;right:10%;background:linear-gradient(155deg,#e9b16d88,#65351c00 65%)}.edition{position:absolute;bottom:7%;left:10%;font-size:1.6cqw;letter-spacing:.4cqw;color:#e8d7bd}.controls{display:flex;align-items:center;gap:18px;height:30px;color:#7b848e}.controls button{border:0;background:transparent;color:#bec5cc;font:inherit;font-size:12px;cursor:pointer;padding:5px;display:flex;align-items:center;gap:8px}.controls button:hover{color:#fff}.controls button:disabled{opacity:.35;cursor:default}.controls svg{width:12px;height:12px;fill:currentColor}.duration{font-size:10px;letter-spacing:1.5px;font-variant-numeric:tabular-nums}#reset{font-size:21px}@media(max-width:520px){.preview{padding:0;gap:0}.device{height:100svh;width:100%;aspect-ratio:auto;padding:0;border-radius:0;box-shadow:none}.screen{border-radius:0}.controls{position:fixed;bottom:3%;right:5%;z-index:9;gap:10px}.controls button{font-size:10px}.duration{display:none}.status{top:2%}.deck{height:auto;aspect-ratio:665/933;top:16%}.card{padding-top:11%}}@media(prefers-reduced-motion:reduce){.card{will-change:opacity}}body{font-family:Helvetica Neue,PingFang SC,Noto Sans SC,sans-serif}#first{z-index:2}#second{z-index:1}.card{transform-origin:50% 50%}.deck{transform-origin:50% 50%;will-change:transform}.controls [hidden]{display:none!important}#motion{font-size:11px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.deck{will-change:auto}}.card{isolation:isolate;background:linear-gradient(145deg,#31353b3d,#0d111666 60%,#23272c47);-webkit-backdrop-filter:blur(26px) saturate(1.12);backdrop-filter:blur(26px) saturate(1.12);border-color:#c7d2dd4d;box-shadow:inset 0 1px #eef4ff16,inset 0 -1px #d0dbe908,0 0 1px #e2e7ed55,0 0 9px #dce6f210,0 18px 42px #0004}.card>*{position:relative;z-index:2}.card:before,.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;-webkit-mask:url(/foil-contours.svg) center/100% 100% no-repeat;mask:url(/foil-contours.svg) center/100% 100% no-repeat}.card:before{z-index:0;background:#bdc6d3;opacity:.12}.card:after{z-index:1;background-image:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,40%),#ffffff 0%,#ffffff99 26%,#222 76%),repeating-linear-gradient(125deg,#95e6cc,#7da8ed 15%,#b38fda,#f2a0bc,#f1d39f 57%,#a9d9af,#85bfed 87%,#95e6cc);background-size:100% 100%,240% 240%;background-position:center,var(--foil-x,50%) var(--foil-y,50%);background-blend-mode:multiply;opacity:var(--foil-opacity,.2)}.card>.holographic-material{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;z-index:0;pointer-events:none;display:none}.card.has-holographic-gpu>.holographic-material{display:block}.card.has-holographic-gpu:before,.card.has-holographic-gpu:after{display:none}.metallic-cover{isolation:isolate}.metallic-cover>img{display:block;width:100%;height:100%;object-fit:cover}.album-metal{display:contents;pointer-events:none}.album-metal>span{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none}.metal-body{background:linear-gradient(var(--metal-angle,118deg),#10182255 12%,#dae3ec77 34%,#ffffffcc 43%,#1c273866 53%,#bfcbd577 65%,#ffffff00 82%);background-size:220% 220%;background-position:var(--metal-x,50%) var(--metal-y,50%);mix-blend-mode:soft-light;opacity:calc(var(--metal-strength,.65) * .65)}.metal-brush{background:repeating-linear-gradient(0deg,#e6ebf219 0px,#e6ebf219 .5px,#0c142312 1px,transparent 1.5px,transparent 3px);mix-blend-mode:soft-light;opacity:calc(var(--metal-strength,.65) * .42)}.metal-glint{background:linear-gradient(var(--metal-angle,118deg),transparent 35%,#dce5ef12 42%,#f6f9ff75 48%,#ffffffb3 49.5%,#ebf2ff40 51%,transparent 58%),radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,40%),#eef5ff38,transparent 62%);background-size:220% 220%,100% 100%;background-position:var(--metal-x,50%) var(--metal-y,50%),center;mix-blend-mode:screen;opacity:calc(var(--metal-strength,.65) * var(--metal-reveal,.35))}#ambient{overflow:hidden;background:radial-gradient(ellipse at 85% 10%,rgb(var(--fog-1,35 65 105)/.6),transparent 52%),linear-gradient(160deg,rgb(var(--fog-0,5 12 24)),#03080f);pointer-events:none;contain:paint}.flow-ribbon{position:absolute;inset:-3%;width:106%;height:106%;overflow:visible;will-change:transform,opacity;transform-origin:50% 65%;pointer-events:none}.flow-ribbon path{fill:none;stroke-linecap:round}.flow-ribbon-0 path{stroke:url(#flow-color-0)}.flow-ribbon-1 path{stroke:url(#flow-color-1)}.flow-ribbon-2 path{stroke:url(#flow-color-2)}.flow-halo{stroke-width:115px;filter:blur(24px);opacity:.55}.flow-silk{stroke-width:25px;filter:blur(7px);opacity:.66}.flow-edge{stroke-width:1.5px;filter:blur(.8px);opacity:.43}.fog-field{position:absolute;inset:-12%;filter:blur(28px);opacity:.66}.fog-blob{position:absolute;display:block;border-radius:50%;will-change:transform}.fog-one{width:165%;height:105%;left:-35%;top:-10%;background:radial-gradient(ellipse at 35% 23%,rgb(var(--fog-2,87 124 165)/.85),transparent 46%),radial-gradient(ellipse at 72% 80%,rgb(var(--fog-2,87 124 165)/.75),transparent 42%)}.fog-two{width:195%;height:37%;left:-48%;top:1%;background:radial-gradient(ellipse,rgb(var(--fog-2,87 124 165)/.95) 6%,rgb(var(--fog-1,35 65 105)/.7) 34%,transparent 70%)}.fog-three{width:180%;height:23%;left:-39%;top:68%;background:radial-gradient(ellipse,rgb(var(--fog-3,127 160 186)/.94) 4%,rgb(var(--fog-3,127 160 186)/.52) 29%,transparent 69%)}.fog-four{width:125%;height:19%;left:-7%;top:75%;background:radial-gradient(ellipse,rgb(var(--fog-4,212 205 187)/.62),rgb(var(--fog-4,212 205 187)/.24) 32%,transparent 69%)}.fog-breath{position:absolute;inset:-12%;pointer-events:none;opacity:.025;background:radial-gradient(ellipse at 35% 42%,rgb(var(--fog-3,127 160 186)/.6),transparent 70%);will-change:transform,opacity}#ambient~.vignette{background:radial-gradient(ellipse at 50% 44%,transparent 25%,#02070b1a 70%,#02070b66 100%)}#audio-demo{font-size:11px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.fog-blob,.fog-breath,.flow-ribbon{will-change:auto}}.flow-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.has-flow-canvas>.fog-field,.has-flow-canvas>.flow-ribbon,.has-flow-canvas>.fog-breath{display:none}.card{border-color:rgb(215 226 239 / var(--edge-border,.48));box-shadow:inset 0 1px #eef4ff16,inset 0 -1px #d0dbe908,0 0 2px rgb(230 238 250 / var(--edge-near,.48)),0 0 var(--edge-radius,9px) rgb(211 227 247 / var(--edge-far,.17)),0 0 var(--edge-spread,24px) rgb(192 214 240 / var(--edge-wide,.08)),0 18px 42px #0004}.card>.edge-leak{position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:var(--edge-thickness,1.25px);pointer-events:none;overflow:visible}.edge-leak:before,.edge-leak:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:inherit;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.edge-leak:before{--edge-angle:calc(var(--leak-angle,0deg) + var(--edge-primary-offset,0deg));background:var(--edge-primary-gradient,conic-gradient(from var(--edge-angle),transparent 0 8%,rgb(231 242 255/.08) 12%,rgb(239 247 255/.82) 17%,rgb(190 219 249/.22) 25%,transparent 34% 67%,rgb(235 245 255/.06) 71%,rgb(245 249 255/.38) 75%,transparent 82% 100%));filter:drop-shadow(0 0 var(--edge-primary-blur,5.58px) rgb(var(--edge-light-rgb,199 223 248)/.5)) drop-shadow(0 0 var(--edge-primary-falloff,6px) rgb(var(--edge-halo-rgb,163 203 244)/.16));animation:edge-leak-orbit var(--edge-primary-speed,18.8s) cubic-bezier(.45,.05,.55,.95) infinite,edge-leak-breathe var(--edge-primary-breath,11.4s) ease-in-out infinite}.edge-leak:after{--edge-angle:calc(var(--leak-angle-soft,172deg) + var(--edge-secondary-offset,0deg));background:var(--edge-secondary-gradient,conic-gradient(from var(--edge-angle),transparent 0 13%,rgb(206 226 248/.08) 18%,rgb(242 248 255/.42) 24%,rgb(184 215 247/.12) 31%,transparent 39% 77%,rgb(239 247 255/.22) 83%,transparent 90% 100%));filter:drop-shadow(0 0 var(--edge-secondary-blur,6.48px) rgb(var(--edge-light-rgb,204 227 251)/.34)) drop-shadow(0 0 var(--edge-secondary-falloff,6.48px) rgb(var(--edge-halo-rgb,167 205 245)/.11));animation:edge-leak-counter var(--edge-secondary-speed,24.6s) ease-in-out infinite,edge-leak-soft-breathe var(--edge-secondary-breath,13.2s) ease-in-out infinite}#second>.edge-leak:before{animation-delay:-8.1s,-3.7s;animation-direction:reverse,normal}#second>.edge-leak:after{animation-delay:-11.3s,-5.6s;animation-direction:reverse,normal}@property --leak-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --leak-angle-soft{syntax:"<angle>";inherits:false;initial-value:172deg}@keyframes edge-leak-orbit{0%{--leak-angle:-28deg}42%{--leak-angle:126deg}68%{--leak-angle:214deg}to{--leak-angle:332deg}}@keyframes edge-leak-counter{0%{--leak-angle-soft:172deg}38%{--leak-angle-soft:61deg}73%{--leak-angle-soft:-82deg}to{--leak-angle-soft:-188deg}}@keyframes edge-leak-breathe{0%,to{opacity:calc(var(--edge-primary-opacity,.82)*.36)}28%{opacity:calc(var(--edge-primary-opacity,.82)*.72)}52%{opacity:calc(var(--edge-primary-opacity,.82)*.3)}76%{opacity:calc(var(--edge-primary-opacity,.82)*.6)}}@keyframes edge-leak-soft-breathe{0%,to{opacity:calc(var(--edge-secondary-opacity,.42)*.28)}34%{opacity:calc(var(--edge-secondary-opacity,.42)*.68)}61%{opacity:calc(var(--edge-secondary-opacity,.42)*.22)}82%{opacity:calc(var(--edge-secondary-opacity,.42)*.52)}}@media(prefers-reduced-motion:reduce){.edge-leak:before{animation:none;--leak-angle:38deg;opacity:calc(var(--edge-primary-opacity,.82)*.42)}.edge-leak:after{animation:none;--leak-angle-soft:218deg;opacity:calc(var(--edge-secondary-opacity,.42)*.32)}}.motion-status{max-width:380px;margin:0 20px;text-align:center;color:#a4b6c9;font-size:12px;line-height:1.6}.motion-status[hidden]{display:none}.quiz-loading .deck{visibility:hidden}.quiz-status{max-width:420px;min-height:1.5em;margin:0 18px;color:#b2bec8;text-align:center;font-size:12px;line-height:1.6}.app-content>.swipe-hints{pointer-events:auto}.swipe-hints span{cursor:pointer;outline-offset:5px}.swipe-hints [aria-disabled=true]{opacity:.45;cursor:default}.result-open .app-content>.deck,.result-open .app-content>.deck *,.result-open .app-content>.question,.result-open .app-content>.swipe-hints,.result-open .app-content>.audition,.result-open .app-content>.profile{visibility:hidden!important;pointer-events:none!important}.quiz-result{position:absolute;inset:11% 0 5%;z-index:5;overflow:auto;overscroll-behavior:contain;padding:0 5% 6%;scrollbar-width:thin;color:#e6eeea;background:transparent;border-radius:0;font-family:Helvetica Neue,PingFang SC,sans-serif}.quiz-result[hidden]{display:none}.quiz-result button{font:inherit;font-size:12px;border:0;border-radius:0;background:transparent;color:#f2e9dc;cursor:pointer;padding:10px 12px}.quiz-result button:disabled{opacity:.5;cursor:wait}.quiz-result button[hidden]{display:none}.result-art>svg{display:block;width:100%;height:auto}.result-message{font-size:11px;line-height:1.7;color:#e1ddd6;margin:14px 2px}.result-actions{display:flex;gap:8px;width:min(80cqw,38cqh);margin:42px auto 0}.result-actions>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.result-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.result-actions button:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(max-width:520px){.quiz-status{margin-bottom:12px}.quiz-result{inset:11% 0 5%}}.postcard-stage{position:relative;width:min(80cqw,38cqh);margin:0 auto;aspect-ratio:360/640}.card.result-postcard{position:relative;inset:auto;width:100%;aspect-ratio:360/640;padding:0;border:0;border-radius:0;overflow:hidden;color:#342f29;background:linear-gradient(130deg,#f8f5ed,#eee9df 52%,#f6f2e9);backdrop-filter:none;-webkit-backdrop-filter:none;mask:var(--result-mask) center/100% 100% no-repeat;-webkit-mask:var(--result-mask) center/100% 100% no-repeat;box-shadow:0 8px 25px #0003;will-change:transform;transform-origin:center}.result-postcard>.postcard-paper{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23p)' opacity='.6'/%3E%3C/svg%3E");background-size:120px}.result-postcard>.holographic-material{border-radius:inherit;mix-blend-mode:multiply;filter:saturate(1.7);opacity:.9;z-index:1}.result-postcard:before{background:#48433e;opacity:.1}.result-postcard:after{mix-blend-mode:multiply;filter:saturate(1.5);opacity:calc(var(--foil-opacity,.2)*.85)}.result-postcard>.result-art{position:relative;z-index:2;pointer-events:none}.result-postcard>.edge-leak{inset:0;border-radius:inherit}@media(prefers-reduced-motion:reduce){.card.result-postcard{will-change:auto}}.result-message{text-align:center}.result-message:empty{display:none}.result-copy-fallback{width:100%;min-height:150px;margin-top:12px}.result-postcard .edge-leak:before,.result-postcard .edge-leak:after{mask:var(--result-rim) center/100% 100% no-repeat;-webkit-mask:var(--result-rim) center/100% 100% no-repeat}.result-actions{font-family:Songti SC,Georgia,serif;text-shadow:0 1px 5px #000a}.result-actions button{font-size:3.2cqw}.result-generation{position:absolute;inset:11% 8% 15%;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#f5eddf;text-shadow:0 2px 16px #0008;pointer-events:none;animation:generation-enter .25s ease-out both}.result-generation[hidden]{display:none}.generation-mark{font-size:38px;font-weight:300;color:#e7d1ac;animation:generation-breathe 1.2s ease-in-out infinite}.result-generation p{margin:0;font-family:Songti SC,serif;font-size:4cqw;letter-spacing:.16em}.generation-line{width:56px;height:1px;background:#e4d1b488;transform-origin:center;animation:generation-breathe 1.2s ease-in-out infinite}.quiz-result:not([hidden]) .postcard-stage{animation:result-arrive .4s cubic-bezier(.2,.7,.2,1) both}.quiz-result:not([hidden]) .result-actions{animation:generation-enter .4s .12s ease-out both}@keyframes generation-enter{0%{opacity:0}to{opacity:1}}@keyframes generation-breathe{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes result-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.result-generation,.generation-mark,.generation-line,.quiz-result:not([hidden]) .postcard-stage,.quiz-result:not([hidden]) .result-actions{animation:none}}.preview,.quiz-result,.result-generation{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.preview img{-webkit-user-drag:none;-webkit-touch-callout:none}.preview input,.preview textarea,.result-copy-fallback{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.result-share-hint{margin:12px auto 0;max-width:80cqw;text-align:center;font-family:Songti SC,Georgia,serif;font-size:2.7cqw;line-height:1.8;letter-spacing:.08em;color:#e3dfd3c7;text-shadow:0 1px 6px #07132199}@media(max-width:520px){.quiz-status{position:fixed;top:0;left:0;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quiz-result{overflow:hidden;overscroll-behavior:none;touch-action:none;padding-bottom:0}.postcard-stage,.result-actions{width:min(80cqw,38cqh,calc(47cqh - 60px))}.result-actions{margin-top:clamp(10px,2cqh,18px)}.result-share-hint{margin-top:8px}}.deck{top:16%;width:min(80cqw,38cqh);left:calc((100% - min(80cqw,38cqh))/2);height:auto;aspect-ratio:360/640}.deck:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:-9.375% -16.667%;background:url(/ticket-shadow.svg) center/100% 100% no-repeat;transform:translate3d(var(--float-shadow-x,0px),var(--float-shadow-y,0px),0);will-change:transform}.card.ticket-card{padding:0;border:0;border-radius:0;overflow:hidden;color:#342f29;background:linear-gradient(133deg,#f5edde,#e9dccc 46%,#f3e8d8 76%,#dfcfbd);-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-mask:url(/ticket-shape.svg) center/100% 100% no-repeat;mask:url(/ticket-shape.svg) center/100% 100% no-repeat;box-shadow:inset 0 0 0 1px #fff9}.ticket-card>.ticket-paper{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23p)' opacity='.6'/%3E%3C/svg%3E");background-size:120px}.ticket-card>.holographic-material{border-radius:0;mix-blend-mode:multiply;filter:saturate(1.7);opacity:.9;z-index:1}.ticket-card:before{background:#48433e;opacity:.1}.ticket-card:after{mix-blend-mode:multiply;filter:saturate(1.5);opacity:calc(var(--foil-opacity,.2)*.85)}.ticket-card>.edge-leak{inset:0;padding:0;border-radius:0;z-index:4}.ticket-card .edge-leak:before,.ticket-card .edge-leak:after{-webkit-mask:url(/ticket-rim.svg) center/100% 100% no-repeat;mask:url(/ticket-rim.svg) center/100% 100% no-repeat}.deck.is-moving .ticket-card>.edge-leak:before,.deck.is-moving .ticket-card>.edge-leak:after{animation:none}.ticket-header{position:absolute;inset:0 0 auto;height:14.0625%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 6.5% 4.7%;background:linear-gradient(140deg,#fff2,transparent)}.ticket-header:after,.ticket-stub:before{content:"";position:absolute;left:3.5%;right:3.5%;height:1px;background:repeating-linear-gradient(90deg,#796f6280 0 5px,transparent 5px 10px)}.ticket-header:after{bottom:0}.ticket-motto{font-size:3.2cqw;line-height:1.16;letter-spacing:-.05em;font-weight:500;margin:0}.ticket-identity{display:flex;align-items:center;gap:4cqw;padding-bottom:.4cqw}.ticket-number{font-size:2.65cqw;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ticket-identity svg{width:8.5cqw;height:6cqw;stroke:#625a4d;stroke-width:1.1}.ticket-card>.ticket-cover{position:absolute;top:17%;left:6.7%;width:86.6%;aspect-ratio:1;border-radius:1.1cqw;background:#c3b5a1;box-shadow:0 0 0 .6px #8d735343,0 3px 8px #47331d12;z-index:2}.ticket-cover>img{display:block;width:100%;height:100%;object-fit:cover}.ticket-song{position:absolute;left:6%;right:6%;top:67%;height:10.8%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ticket-song h1{font-family:Songti SC,"Noto Serif CJK SC",Yu Mincho,Georgia,serif;font-size:6.7cqw;line-height:1.1;margin:0 0 1.2cqw;letter-spacing:.1em;max-width:100%;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ticket-song .artist{font-size:2.8cqw;line-height:1.3;letter-spacing:.14em;font-weight:400;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ticket-song h1.long-title{font-size:4cqw;letter-spacing:.02em;line-height:1.12;margin-bottom:.6cqw}.ticket-album{font-size:1.9cqw;line-height:1.2;letter-spacing:.12em;margin:.65cqw 0 0;color:#716454;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase}.ticket-stub{position:absolute;top:78.125%;inset-inline:0;bottom:0;padding:4.9% 7% 4%;background:linear-gradient(110deg,#aa8b6410,transparent)}.ticket-stub:before{top:0}.ticket-facts{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin:0;gap:3.6%}.ticket-facts>div+div{border-left:1px solid #8b79653b;padding-left:12%}.ticket-facts dt{font-size:1.8cqw;letter-spacing:.035em;color:#756958;white-space:nowrap}.ticket-facts dd{font-size:3cqw;font-weight:400;letter-spacing:.015em;margin:1.1cqw 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.ticket-footer{margin-top:3.3cqw;display:flex;justify-content:space-between;align-items:center}.ticket-barcode{height:5.9cqw;width:42%;opacity:.77;background:repeating-linear-gradient(90deg,#423b30 0 1px,transparent 1px 3px,#423b30 3px 5px,transparent 5px 6px,#423b30 6px 7px,transparent 7px 10px,#423b30 10px 12px,transparent 12px 14px,#423b30 14px 15px,transparent 15px 19px);border-left:2px solid #423b30;border-right:1px solid #423b30}.ticket-footer p{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:2.9cqw;line-height:1.05;margin:0;color:#5b513f}.ticket-footnote{display:flex;justify-content:space-between;margin-top:1.6cqw;font-size:1.3cqw;letter-spacing:.1em;color:#7b6d5d}.audition{position:absolute;left:17%;right:17%;bottom:5.7%;height:4.5%}.audition .song-track{height:.55cqw;margin:0;background:#f0e2cb3b}.audition .song-track i{width:10%;background:linear-gradient(90deg,#e6ceab,#fff3df)}.audition .time{font-size:3.15cqw;letter-spacing:.12em;margin:1.7cqw 0 0;text-align:left;opacity:.9}.profile{top:auto;bottom:6%;right:17%;width:auto;display:flex;align-items:baseline;gap:1.4cqw}.profile p{font-size:2.5cqw;letter-spacing:.1em;margin:0;opacity:.82}.profile .percent{font-family:inherit;font-size:3.3cqw;color:#f1dec0}.profile-track{display:none}.question{top:9.4%;font-size:3.55cqw;letter-spacing:.52cqw}.question-track{margin-top:2cqw}.swipe-hints{position:absolute;left:17%;right:17%;bottom:12.1%;display:flex;align-items:center;justify-content:space-between;z-index:2;color:#edf3f7c7;font-size:3cqw;font-weight:400;letter-spacing:.16em;pointer-events:none;text-shadow:0 1px 8px #07132180}.swipe-hints span{display:flex;align-items:center;gap:1.2cqw;white-space:nowrap}.swipe-hints b{font-size:4.05cqw;font-weight:300;line-height:1;color:#f5f8fae6}@media(max-width:520px){.deck{top:16%;aspect-ratio:360/640}.ticket-card{padding:0}}.deck{top:11%}.card.ticket-card,.card.result-postcard{background:linear-gradient(130deg,#f8f5ed,#eee9df 52%,#f6f2e9);color:#292923}.ticket-header{align-items:center;padding:3% 6.5% 0}.ticket-motto{font-family:Georgia,Songti SC,serif;font-size:2.65cqw;letter-spacing:.24em;line-height:1.6;font-weight:400}.ticket-identity{gap:2.5cqw;padding:0}.ticket-serial{display:flex;flex-direction:column;align-items:flex-end;gap:1.1cqw;font-family:Georgia,serif}.ticket-serial small{font-size:1.65cqw;letter-spacing:.2em}.ticket-number{font-size:2.65cqw;letter-spacing:.1em}.ticket-identity svg{width:8cqw;height:7cqw;border-left:1px solid #99857066;padding-left:1cqw}.ticket-card>.ticket-cover{top:17%;border-radius:0;box-shadow:none}.ticket-song{top:66%;height:11.8%;display:grid;grid-template-rows:1.7cqw minmax(0,1fr) 3.4cqw;gap:.5cqw;justify-items:center;align-items:center;padding-bottom:1.2%}.ticket-ornament{position:static;width:72%;display:flex;align-items:center;gap:2cqw;color:#927a56;font-size:2.4cqw;line-height:1}.ticket-ornament:before,.ticket-ornament:after{content:"";height:1px;background:#94836a77;flex:1}.ticket-song h1{font-family:Songti SC,Georgia,serif;font-weight:600;font-size:6cqw;letter-spacing:.04em;line-height:1.1;margin:0;min-width:0;width:100%;overflow-wrap:anywhere}.ticket-song h1.long-title{font-size:3.7cqw;line-height:1.1;margin:0;letter-spacing:.015em}.ticket-song .artist{font-family:Songti SC,Georgia,serif;font-size:3cqw;letter-spacing:.06em;line-height:1.1;margin:0;min-width:0;max-width:100%}.ticket-album{display:none}.ticket-stub{padding:4% 7% 3%;background:transparent}.ticket-facts{grid-template-columns:1fr 1fr 1fr;text-align:center;gap:0;font-family:Songti SC,Georgia,serif}.ticket-facts>div+div{padding-left:0}.ticket-facts dt{font-size:2.9cqw;letter-spacing:.12em;color:#4a463e}.ticket-facts dd{font-size:3.3cqw;margin:1cqw 0 0;letter-spacing:.03em}.ticket-footer{margin-top:4cqw;align-items:center}.ticket-barcode{width:42%;height:4.2cqw}.ticket-footer p{font-family:Snell Roundhand,Brush Script MT,cursive;font-size:7cqw;line-height:.8;text-align:center;color:#927a56;width:46%}.ticket-footer p small{display:block;font:1.25cqw/1.6 Georgia,serif;letter-spacing:.19em;margin-top:1.4cqw;color:#50483b}.ticket-footnote{margin-top:.5cqw;font-family:Georgia,serif;letter-spacing:.24em;font-size:1.5cqw}.ticket-duration{display:none}.swipe-hints{left:10%;right:10%;bottom:15%;font-family:Songti SC,Georgia,serif;font-size:5cqw;letter-spacing:.12em;color:#f1e9db}.swipe-hints b{font-size:6cqw}.swipe-hints span{gap:2cqw}.question{top:auto;bottom:10.8%;font-family:Georgia,serif;font-size:3.8cqw;letter-spacing:.2em}.question-track{display:none}.audition{left:10%;right:10%;bottom:5.5%;height:4.5%}.audition .time{font-family:Georgia,serif;font-size:3.3cqw}.profile{right:10%;bottom:6%}.profile p{font-family:Songti SC,serif;font-size:3cqw}.profile .percent{font-family:Georgia,serif;font-size:3.4cqw}.intro{position:absolute;inset:0;z-index:4;overflow:hidden;color:#f4e9db;text-align:center;font-family:Songti SC,Georgia,serif;letter-spacing:.07em;text-shadow:0 2px 16px #061424a8;transition:opacity .52s cubic-bezier(.2,.65,.25,1)}.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#06172946,#06152524 49%,#06111a18 80%);pointer-events:none}.intro>*{position:absolute;z-index:1}.intro-brand{top:10%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:1.7cqw}.intro-brand svg{width:8.5cqw;height:8.5cqw;stroke:#e6d3b9;stroke-width:.8}.intro-brand p{margin:0;font-size:3.1cqw;letter-spacing:.32em;line-height:1.5}.intro-copy{top:27%;left:6%;right:6%}.intro-copy h1{font-size:10cqw;font-weight:400;line-height:1.37;letter-spacing:.035em;margin:0;white-space:nowrap}.intro-copy p{font-size:3.9cqw;line-height:1.8;letter-spacing:.12em;margin:4.2cqw -2cqw 0;white-space:nowrap}.intro-guide{top:52%;left:9%;right:9%}.intro-choices{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:1cqw}.intro-choices>div{display:flex;align-items:center;flex-direction:column;gap:1.5cqw;white-space:nowrap;font-size:3.8cqw}.intro-choices>i{height:12cqw;background:#f2e4d169;width:1px}.intro-arrow{font-family:Georgia,serif;font-size:9cqw;font-weight:300;line-height:1}.intro-guide>p{margin:7.3cqw 0 0;font-size:3.6cqw;white-space:nowrap}.intro-start{top:68%;left:20%;width:60%;height:6.5%;border:1px solid #edd9bd;border-radius:999px;background:linear-gradient(110deg,#f3e7d51a,#f0e5d922 50%,#f2dfbd16);box-shadow:inset 0 1px #ffffff31,0 7px 25px #06111d2b;color:#f9eddc;font:400 4.5cqw Songti SC,serif;letter-spacing:.12em;text-shadow:0 1px 8px #0713218a;cursor:pointer;transition:background .2s,box-shadow .2s,opacity .2s}.intro-start:not(:disabled):hover,.intro-start:not(:disabled):focus-visible{background:#f4e4d036;box-shadow:inset 0 1px #ffffff50,0 0 22px #f2ddb129;outline:none}.intro-start:disabled{opacity:.64;cursor:wait;font-size:3.4cqw}.intro-note{bottom:5.3%;left:0;right:0;margin:0;font-size:2.9cqw;letter-spacing:.2em;opacity:.83}.intro-data-note{bottom:2.5%;left:0;right:0;margin:0;font-size:2.45cqw;letter-spacing:.04em;opacity:.65}.intro-active:not(.intro-leaving) .app-content>.question,.intro-active:not(.intro-leaving) .app-content>.deck,.intro-active:not(.intro-leaving) .app-content>.swipe-hints,.intro-active:not(.intro-leaving) .app-content>.audition,.intro-active:not(.intro-leaving) .app-content>.profile{visibility:hidden!important;pointer-events:none!important}.intro-active:not(.intro-leaving) .app-content>.deck{opacity:0}.intro-leaving .app-content>.intro{opacity:0;pointer-events:none}.intro-leaving .app-content>.question,.intro-leaving .app-content>.deck,.intro-leaving .app-content>.swipe-hints,.intro-leaving .app-content>.audition,.intro-leaving .app-content>.profile{animation:intro-quiz-arrive .68s cubic-bezier(.2,.7,.2,1) both}.intro-leaving .app-content>.deck{animation-delay:.08s}.intro-leaving .app-content>.swipe-hints,.intro-leaving .app-content>.audition,.intro-leaving .app-content>.profile{animation-delay:.16s}@keyframes intro-quiz-arrive{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@media(max-width:520px){.intro-copy{top:28%}.intro-guide{top:53%}.intro-start{top:70%}}@media(prefers-reduced-motion:reduce){.intro,.intro-start{transition:none}.intro-leaving .app-content>.question,.intro-leaving .app-content>.deck,.intro-leaving .app-content>.swipe-hints,.intro-leaving .app-content>.audition,.intro-leaving .app-content>.profile{animation:none}}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html,body{background:#26313f}.preview,.device,.screen{position:relative;display:block;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.preview{height:100svh;overflow:hidden}.device{aspect-ratio:auto;background:transparent}.screen{overflow:hidden;touch-action:none;overscroll-behavior:none}.app-content{position:relative;width:min(100%,50svh,560px);height:100%;margin-inline:auto;container-type:size;isolation:isolate}@media(max-width:520px){html,body{height:auto;overflow-x:hidden;overflow-y:auto}.preview{height:calc(100lvh + 220px);overflow:visible}.device,.screen{height:100%}.screen{overflow:visible;container-type:normal}.app-content{position:fixed;inset:0;height:100svh}}.sensor-trigger{display:none!important}.quiz-status,.motion-status{position:absolute!important;top:0;left:0;width:1px!important;max-width:1px;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.intro:before{display:none}