@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500&family=Noto+Sans+KR:wght@300;400;500&display=swap');
:root{color-scheme:light;--ink:#45514e;--muted:#949e99;--blend:#d7c8e7}*{box-sizing:border-box}body{margin:0;background:#fcfcfa;color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-weight:300;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #a7b8ae;outline-offset:5px}.filter-defs{position:absolute;width:0;height:0;pointer-events:none}#dust{position:fixed;inset:0;pointer-events:none;z-index:-1}.ambient{position:fixed;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);z-index:-2;opacity:.28;pointer-events:none}.ambient.a{background:#e8e9f3;left:-30%;top:10%;animation:ambient 20s infinite alternate}.ambient.b{background:#e2eadf;right:-25%;bottom:-30%;animation:ambient 15s infinite alternate-reverse}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:-1.5px;color:#65766c}.brand span{display:block;font:7px 'Noto Sans KR',sans-serif;letter-spacing:2.7px;margin:7px 0 0 2px}nav{display:flex;gap:4px;background:#f1f3ef;border:1px solid #e8ece6;border-radius:30px;padding:4px}nav button{font-size:10px;padding:10px 23px;border-radius:25px;color:#929d94}nav button.active{background:white;color:#596c5f;box-shadow:0 2px 8px #85927f12}.icon{width:28px;height:28px;border:1px solid #cbd2cb;border-radius:50%;font:14px Georgia;color:#829080}#game{max-width:1100px;margin:auto}.heading{text-align:center;padding-top:20px;position:relative;z-index:2;animation:appear .9s}.eyebrow{font-size:8px;letter-spacing:3px;color:#9ba798}h1{font:300 35px/1.65 'Noto Serif KR',serif;letter-spacing:-1.5px;margin:20px 0 14px}p{font-size:12px;line-height:1.9;color:#929b94}#subtitle{margin:0;font-size:11px}#stage{height:400px;position:relative;max-width:800px;margin:8px auto 0;isolation:isolate;touch-action:pan-y}.fluid{position:absolute;inset:0;filter:url(#goo);pointer-events:none}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 29% 22%,#ffffffe8 0%,#ffffff60 16%,transparent 42%),radial-gradient(circle at 72% 76%,var(--color),transparent 78%),var(--color);box-shadow:inset -5px -8px 22px #ffffff60,inset 2px 3px 12px #ffffffd0;opacity:.82;will-change:transform;transition:opacity .4s}.orb:after{content:'';position:absolute;inset:8%;border-radius:50%;border-top:2px solid #ffffffb0;transform:rotate(-30deg)}.light{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;z-index:2;touch-action:none;user-select:none;transition:opacity .3s}.light .spark{width:6px;height:6px;border-radius:50%;background:white;box-shadow:0 0 8px 4px #fff9,0 0 25px 13px var(--color);opacity:.9}.light .label{font-size:11px;font-weight:400;letter-spacing:-.3px;color:#647269;white-space:nowrap;text-shadow:0 1px 5px white}.light:hover .spark{box-shadow:0 0 9px 6px white,0 0 34px 20px var(--color)}.light.used{opacity:.3}.light.used .label:after{content:' ✓'}.light.dragging{z-index:8}.light.dragging .label{opacity:.5}#collector{position:absolute;width:165px;height:165px;left:calc(50% - 82.5px);top:235px;border-radius:49% 51% 54% 46% / 48% 45% 55% 52%;opacity:0;transform:translateY(100px) scale(.65);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s,background 1s;background:radial-gradient(circle at 30% 20%,#fff 0%,#fff6 21%,transparent 45%),radial-gradient(circle at 70% 85%,#cbdce399,transparent 65%),#e1e8dfc9;box-shadow:inset 2px 3px 8px white,inset -5px -7px 17px #b9cfbe66}#collector .inside{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 0deg,#e9cddb88,#d2d5efaa,#d0e6dcaa,#efe0be88,#e9cddb88);filter:blur(12px);animation:turn 18s linear infinite}#collector.visible{opacity:.9;transform:translateY(0) scale(1)}#collector.merged{animation:merge .85s ease-out}#targetLabel{position:absolute;width:100%;top:322px;text-align:center;font-size:9px;color:#798c83;opacity:0;pointer-events:none;transition:opacity .3s;z-index:3}#stage.holding #targetLabel{opacity:1}#ripples{position:absolute;inset:0;pointer-events:none;overflow:visible}.ripple{position:absolute;border:1px solid #bccdc68c;border-radius:50%;width:100px;height:100px;animation:ripple 1.1s ease-out forwards}.bottom{max-width:640px;margin:0 auto;padding:0 20px;position:relative;z-index:4}#selection{height:40px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.chip{padding:4px 11px;border:1px solid #d7dfd5;border-radius:20px;font-size:9px;background:#ffffffa8;color:#869080}.bottomline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}#instruction{font-size:9px;letter-spacing:.4px;text-align:center;flex:1}#next{background:#687f70;color:#fff;border-radius:30px;padding:13px 22px;font-size:10px;box-shadow:0 7px 22px #77897819;transition:.3s}#next:disabled{opacity:.25;cursor:default}#next span{margin-left:17px}.quiet{font-size:10px;color:#8f9b90;min-width:65px}.steps{display:flex;justify-content:center;gap:8px;margin:25px 0}.steps i{width:4px;height:4px;border-radius:4px;background:#d6ded3}.steps i.active{background:#8ca086;width:22px}footer{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;max-width:1600px;margin:12px auto 0;color:#a6afa3;font-size:8px;letter-spacing:1.5px}footer button{font-size:9px;color:#9aa597;letter-spacing:0}footer span:last-child{letter-spacing:1px}.mixing #collector{top:70px;width:240px;height:240px;left:calc(50% - 120px);opacity:1;transform:scale(1);transition:all 1.2s cubic-bezier(.16,1,.3,1);box-shadow:inset 2px 3px 12px white,inset -6px -8px 20px #bacdb966}.mixing #collector .inside{filter:blur(var(--mix-blur,10px));animation-duration:var(--mix-speed,18s);background:conic-gradient(from 0deg,var(--c1,#d4c6e5),var(--c2,#c8dfd3),var(--c3,#ebd6c3),var(--c1,#d4c6e5))}#mixZone{position:absolute;left:calc(50% - 145px);top:45px;width:290px;height:290px;border-radius:50%;z-index:6;touch-action:none;cursor:grab}#mixZone:active{cursor:grabbing}#mixHint{position:absolute;top:350px;left:0;right:0;text-align:center;font-size:10px;color:#8d9c90}.meter{height:2px;background:#e2e8df;width:140px;margin:19px auto 11px;overflow:hidden}.meter i{display:block;height:100%;background:#92ad92;width:0;transition:width .15s}#percent{font:9px Georgia;letter-spacing:2px}.mixing~.bottom #selection{opacity:0}.finishing #collector{transform:scale(3);opacity:0;transition:2s}.finishing #mixHint{opacity:0;transition:.4s}#result{max-width:760px;margin:30px auto 60px;text-align:center;padding:20px;animation:appear 1.4s}.result-tag{font-size:8px;letter-spacing:3px;color:#9caa98}.result-header{font:300 30px/1.65 'Noto Serif KR',serif;letter-spacing:-1px;margin:18px 0 35px}.result-card{display:grid;grid-template-columns:190px 1fr;text-align:left;gap:40px;padding:35px;background:linear-gradient(130deg,#fff,#f3f5ef);border:1px solid #fff;border-radius:20px;box-shadow:0 20px 75px #879a8110}.cover{width:160px;height:235px;object-fit:cover;box-shadow:9px 14px 25px #6a79652a;transform:rotate(-4deg);margin:auto}.result-card h2{font:400 23px/1.6 'Noto Serif KR',serif}.result-card p{font-size:11px}.meta{color:#9da695!important;font-size:9px!important}.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.links a,.links button,.softbtn{background:#788d79;color:white;padding:12px 17px;border-radius:25px;font-size:10px}.links .secondary{background:#e6ece1;color:#718068}.result-actions{margin-top:24px;display:flex;justify-content:center;gap:20px}.result-actions button{font-size:10px;color:#929e8b}.page-number{font:100px Georgia;color:#92a58a;letter-spacing:-6px;align-self:center;text-align:center}.page-number small{font-size:18px;letter-spacing:0}.source{display:inline-block;margin-top:24px;font-size:9px;color:#9aa594;text-decoration:underline}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#71816aee;color:white;border-radius:25px;padding:11px 20px;opacity:0;transition:.3s;pointer-events:none;font-size:11px;z-index:100;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid white;border-radius:20px;padding:38px;background:#fbfcf8;width:90%;max-width:460px;color:#5c6b59;box-shadow:0 20px 80px #84937826}dialog::backdrop{background:#dce4dc77;backdrop-filter:blur(10px)}dialog h2{font:300 25px/1.6 'Noto Serif KR',serif}dialog p{font-size:12px}dialog a{font-size:12px;text-decoration:underline}#close{position:absolute;right:15px;top:10px;font-size:23px;color:#8e9a88}[hidden]{display:none!important}@keyframes merge{0%{scale:1}35%{scale:1.18 .86}60%{scale:.94 1.1}100%{scale:1}}@keyframes ripple{from{opacity:.6;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(3.7)}}@keyframes appear{from{opacity:0;transform:translateY(16px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes turn{to{rotate:360deg}}@keyframes ambient{to{transform:translate(10%,15%) scale(1.2)}}
@media(max-width:600px){header{height:87px;padding:0 6%}.brand{font-size:25px}.brand span{font-size:5px;letter-spacing:1.9px}nav button{font-size:9px;padding:8px 13px}.icon{height:23px;width:23px;font-size:11px}.heading{padding:23px 20px 0}h1{font-size:27px;letter-spacing:-1px;margin:18px 0 13px}#subtitle{font-size:10px;max-width:260px;margin:auto;word-break:keep-all}.eyebrow{font-size:7px;letter-spacing:2px}#stage{height:380px;margin-top:12px;width:100%}.light .label{font-size:10px}.light{gap:10px}#collector{top:235px;width:140px;height:140px;left:calc(50% - 70px)}#targetLabel{top:310px;font-size:8px}.bottom{padding:0 22px}#selection{min-height:40px;height:auto}.chip{font-size:8px;padding:4px 9px}.bottomline{gap:6px;margin-top:14px}#next{padding:12px 15px;font-size:9px}#next span{margin-left:8px}#instruction{font-size:8px}.quiet{font-size:9px;min-width:40px}.steps{margin:21px 0}footer{margin-top:0;padding:16px 6%}footer span{font-size:6px;letter-spacing:.6px}footer span:last-child{display:none}.mixing #collector{width:220px;height:220px;left:calc(50% - 110px);top:65px}#mixHint{top:325px}#mixZone{top:40px}.result-card{grid-template-columns:1fr;gap:20px;text-align:center;padding:28px}.result-card h2{font-size:22px}.cover{width:135px;height:198px}.links{justify-content:center}.result-header{font-size:25px}#result{margin-top:20px}.page-number{font-size:95px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* The liquid stage: three large, living forms in an airy pearl-white space. */
body{background:#fdfcfd;color:#585063}.ambient{opacity:.22;filter:blur(100px)}.ambient.a{background:#eadbf7;left:-25%;top:12%}.ambient.b{background:#d6edf2;right:-22%;bottom:-12%}.brand{color:#70677e}header{height:90px}nav{background:#f2eff5;border-color:#ece8f0}nav button.active{color:#766485}.heading{padding-top:22px}h1{font-size:36px;line-height:1.65;color:#5a5063;letter-spacing:-1.5px}.eyebrow{color:#a399b1;letter-spacing:3.7px}#subtitle{color:#9c94a5;font-size:11px}#stage{width:100%;height:475px;max-width:960px;margin:0 auto;touch-action:pan-y}#water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fluid{opacity:0;filter:none}#lights{position:absolute;inset:0;pointer-events:none}.light{pointer-events:auto;z-index:3;border-radius:45%;gap:0;background:none;transition:opacity .35s;cursor:grab}.light:active{cursor:grabbing}.light .label{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);text-align:center;width:180px;white-space:normal;font:300 13px/1.6 'Noto Serif KR',serif;color:#82778f;text-shadow:none;pointer-events:none;transition:opacity .25s}.light .label small{display:block;font:8px Georgia,serif;letter-spacing:2px;color:#b2a7bd;margin-bottom:7px}.light.featured .label{color:#635471;font-size:16px}.light.used{opacity:.7}.light.used .label:after{color:#9e89ad}.light.dragging .label{opacity:0}#collector{top:300px;width:174px;height:174px;left:calc(50% - 87px)}#targetLabel{top:421px;color:#82758f;font-size:10px}#stage.holding .light:not(.dragging) .label{opacity:.2}.bottom{max-width:650px}#selection{min-height:38px;height:auto;padding:3px 0}.chip{border:1px solid #e4dce9;color:#9a87a5;background:#faf7fc;font-size:9px}#next{background:#8e7d9d;box-shadow:0 8px 30px #a288bb20;padding:14px 25px}#instruction,.quiet{color:#9d90a8}.steps i{background:#e3dce8}.steps i.active{background:#ab96bb}footer{color:#afa5b5;padding-top:5px}footer button{color:#a296ac}.mixing #collector{top:48px;width:314px;height:314px;left:calc(50% - 157px)}#mixZone{top:30px;width:350px;height:350px;left:calc(50% - 175px)}#mixHint{top:408px;color:#9e8fa9}.meter{background:#e8e1ef}.meter i{background:#aa8fc1}.result-card{background:linear-gradient(130deg,#fff,#f6f1fa);box-shadow:0 20px 75px #9a81ae12}.result-header,.result-card h2{color:#75627f}.result-tag{color:#a48daf}.links a,.links button,.softbtn{background:#9480a1}.links .secondary{background:#eee7f4;color:#877095}.page-number{color:#b09bbd}.source{color:#a797b0}.mixing{margin-bottom:35px!important}.ripple{border-color:#c6afd66b}#toast{background:#8a7499ee}dialog{background:#fdfaff;color:#72617e}dialog::backdrop{background:#eee7f166}
@media(max-width:600px){header{height:80px;padding:0 6%}.heading{padding-top:18px}h1{font-size:28px;line-height:1.7;margin-top:15px}#subtitle{font-size:10px;max-width:285px;line-height:1.9}.eyebrow{font-size:7px;letter-spacing:2.5px}#stage{height:396px;margin-top:5px;overflow:hidden}.light .label{font-size:10px;width:95px;top:calc(100% + 18px);line-height:1.6}.light.featured .label{font-size:14px;width:140px}.light .label small{font-size:7px;margin-bottom:5px}#collector{top:246px;width:148px;height:148px;left:calc(50% - 74px)}#targetLabel{top:345px;font-size:9px}.bottom{padding:0 20px}#next{padding:12px 17px}.mixing #collector{top:51px;width:256px;height:256px;left:calc(50% - 128px)}#mixZone{width:290px;height:290px;left:calc(50% - 145px);top:34px}#mixHint{top:344px}.mixing{margin-bottom:20px!important}footer{margin-top:5px}.result-card{padding:25px}.result-header{font-size:26px}}

/* Keep side labels within the narrow mobile stage. */
@media(max-width:600px){.light:not(.featured) .label{width:min(95px,26vw)}}

/* A continuous row: size and labels track the distance from the center. */
#stage{overflow:hidden}
.light .label,.light.featured .label{font-size:calc(13px + 3px * var(--focus-strength,0));opacity:var(--label-alpha,1);transition:color .15s}
.light.dragging .label{opacity:0}
@media(max-width:600px){.light .label,.light.featured .label,.light:not(.featured) .label{font-size:calc(10px + 4px * var(--focus-strength,0));width:calc(min(95px,26vw) + 45px * var(--focus-strength,0))}}

/* The gesture hint floats briefly over the row, without blocking interaction. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#swipeHint{position:absolute;z-index:9;left:50%;top:118px;transform:translateX(-50%);width:235px;padding:16px 20px 13px;border:1px solid #fff9;border-radius:24px;background:#fff9;backdrop-filter:blur(6px);box-shadow:0 10px 40px #9d89b51a;text-align:center;pointer-events:none;animation:swipe-hint-life 3.6s both}
#swipeHint p{margin:9px 0 0;color:#766682;font-size:11px;letter-spacing:.2px}
.swipe-demo{position:relative;height:43px;width:130px;margin:auto;color:#9b86ad}
.swipe-trail{position:absolute;left:15px;right:15px;top:23px;height:2px;background:linear-gradient(90deg,transparent,#b9a3cc88,transparent)}
.swipe-hand{position:absolute;width:31px;height:36px;left:49px;top:0;filter:drop-shadow(0 2px 4px #fff);animation:swipe-hand 1.35s ease-in-out .25s 2}
@keyframes swipe-hand{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(39px) rotate(7deg)}75%{transform:translateX(-39px) rotate(-7deg)}}
@keyframes swipe-hint-life{0%,100%{opacity:0}12%,78%{opacity:1}}
#stage{height:620px}
#collector{width:308px;height:308px;left:calc(50% - 154px)}
#targetLabel{top:auto;bottom:74px}
#stage.mixing{height:475px}
@media(max-width:600px){#stage{height:500px}#collector{width:min(224px,64vw);height:min(224px,64vw);left:50%;margin-left:calc(min(112px,32vw) * -1)}#swipeHint{top:102px;width:220px}#targetLabel{top:auto;bottom:70px}#stage.mixing{height:396px}.mixing #collector{margin-left:0}}
@media(prefers-reduced-motion:reduce){#swipeHint{animation:none}.swipe-hand{animation:none}}

#screenFX{position:fixed;inset:0;pointer-events:none;z-index:1;width:100vw;height:100vh}#screenFX.finish-overlay{z-index:50}
.finishing #mixZone{visibility:hidden}
#rubGuide{position:absolute;z-index:9;left:50%;top:129px;transform:translateX(-50%);width:218px;padding:14px 16px 12px;border:1px solid #fff9;border-radius:24px;background:#ffffffb3;backdrop-filter:blur(5px);box-shadow:0 10px 35px #9d89b51a;text-align:center;pointer-events:none;animation:rub-guide-life 3.8s both;color:#9b86ad}
#rubGuide p{margin:8px 0 0;color:#766682;font-size:10px;letter-spacing:.15px;line-height:1.8}
.rub-demo{position:relative;height:88px}.rub-trail{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border:1px dashed #b9a3cc70;border-radius:50%}
.rub-orbit{position:absolute;left:50%;top:50%;width:0;height:0;animation:rub-orbit 1.45s linear .3s 2}
.rub-hand{position:absolute;width:31px;height:36px;left:18px;top:-5px;filter:drop-shadow(0 2px 4px #fff);transform-origin:13px 5px;animation:rub-hand 1.45s linear .3s 2}
@keyframes rub-orbit{to{transform:rotate(-360deg)}}@keyframes rub-hand{to{transform:rotate(360deg)}}
@keyframes rub-guide-life{0%,100%{opacity:0}12%,80%{opacity:1}}
@media(prefers-reduced-motion:reduce){#rubGuide,.rub-orbit,.rub-hand{animation:none}}
/* Mobile app viewport: navigation stays reachable above the home indicator. */
@media(max-width:600px){
 html{height:100%;overflow:hidden;overscroll-behavior:none}
 body{height:100svh;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
 header{height:62px;width:100%;padding:0 6%;margin:0}.brand{font-size:27px}.brand span{margin-top:4px}nav button{padding:8px 15px}
 #game{width:100%;height:100%;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
 .heading{padding:8px 16px 0}h1{font-size:clamp(23px,3.3dvh,28px);line-height:1.5;margin:12px 0 10px}#subtitle{margin:0 auto;line-height:1.6;font-size:10px}
 #stage,#stage.mixing{height:100%;min-height:0;margin:0!important;touch-action:none}
 #swipeHint{top:54px;padding:12px 16px 10px}#targetLabel{bottom:22px}
 .bottom{width:100%;padding:0 20px 8px}#selection{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:27px;padding:0 0 7px}.chip{font-size:8px;padding:4px 8px;margin:0}
 .bottomline{position:relative;min-height:44px;margin:0;padding-right:145px;justify-content:flex-start;gap:9px}#instruction{max-width:120px;margin:0;line-height:1.6;text-align:left;font-size:8px}.quiet{padding:8px 0;min-width:36px}
 #next{position:fixed;right:18px;bottom:calc(43px + env(safe-area-inset-bottom));z-index:12;min-height:48px;padding:13px 20px;border:1px solid #ffffff70;box-shadow:0 8px 25px #8e7d9d38;opacity:0;transform:translateY(20px) scale(.94);pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.2,1.4,.4,1)}
 #next.next-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}#next.next-visible:disabled{opacity:.5}#next:not(.next-visible){opacity:0}
 .steps{margin:8px 0 3px}footer{height:30px;min-height:30px;padding:0 6%;margin:0;align-items:center}footer span{font-size:6px}footer button{font-size:8px}
 #mixHint{font-size:9px}.meter{margin:10px auto 6px}
 #result{width:100%;min-height:0;max-height:100%;margin:0;padding:10px 18px;display:flex;flex-direction:column;justify-content:center;gap:9px}
 .result-tag{font-size:7px}.result-header{font-size:clamp(21px,3.2dvh,26px);line-height:1.45;margin:2px 0 7px}
 .result-card{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;min-height:0}.cover{width:auto;height:clamp(105px,21dvh,178px);max-width:130px;object-fit:contain;margin:0}
 .result-card h2{font-size:clamp(17px,2.5dvh,21px);line-height:1.5;margin:6px 0}.result-card p{font-size:10px;line-height:1.65;margin:6px 0}.result-card .meta{font-size:8px!important}.links{margin-top:12px;gap:8px}.links a,.links button{font-size:9px;padding:10px 14px}
 .result-actions{margin:3px 0;gap:18px}.result-actions button{font-size:9px}.source{margin:0;font-size:8px}.page-number{font-size:70px;line-height:1.1;letter-spacing:-4px}
 dialog{max-height:85dvh;overflow:auto}
}
@media(max-width:600px) and (max-height:700px){
 header{height:54px}.heading{padding-top:4px}h1{margin:8px 0;font-size:23px}.eyebrow{font-size:6px}#subtitle{font-size:9px}
 .result-card{padding:12px;gap:8px}.cover{height:16dvh}.result-header{font-size:21px;margin-bottom:3px}#result{gap:5px;padding-top:5px;padding-bottom:5px}.links{margin-top:8px}.result-card h2{font-size:17px}
}