:root{--gold:#f5a524;--red:#e4573d;--blue:#718cff;--ivory:#f0ecdf;--ink:#e8e9ed;--dim:#8a8e99;--line:#e0e3ee24;--line-strong:#e0e3ee40;--panel:#07080bc7;--display:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--sans:Inter, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#050609;margin:0;overflow:hidden}body:before,body:after{content:"";z-index:2;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(28% 54% at 51% 45%,#576ed214,#0000 70%),radial-gradient(58% 74% at 50% 45%,#0000 43%,#00000061 78%,#000000bd 100%);transition:opacity .5s}body:after{opacity:.8;border:1px solid #e8e9ed12;inset:14px}body.is-live:before{opacity:.88}#scene{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--ink);border:1px solid var(--line);background:#0b0c10d1;transition:transform .12s,border-color .2s,background .2s,color .2s}button:hover{border-color:var(--line-strong)}button:active{transform:scale(.975)}button span{color:currentColor;margin-left:8px}.primary{border-color:var(--ivory);background:var(--ivory);color:#090a0d;letter-spacing:.14em;font-size:10px;font-weight:800;box-shadow:0 12px 36px #00000047}.primary:hover{background:#fffdf5;border-color:#fffdf5;transform:translateY(-2px)}.ghost{color:var(--ink);background:#08090cb3}.ghost:hover{background:#14161de0}#topbar{z-index:10;pointer-events:none;position:fixed;top:25px;left:28px}#topbar .match{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06070a94;border-radius:99px;align-items:center;gap:11px;height:42px;padding:0 15px;display:flex}.status-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;box-shadow:0 0 14px #718cffcc}.brand-mark,#phase-tag,.eyebrow,.result-kicker{letter-spacing:.16em;font-size:9px;font-weight:750}.brand-mark{color:var(--ivory)}#phase-tag{color:var(--dim)}.frame-divider{background:var(--line);width:1px;height:12px}#scene-copy{z-index:3;pointer-events:none;flex-direction:column;gap:18px;width:min(340px,31vw);transition:opacity .45s,transform .45s;display:flex;position:fixed;top:50%;left:clamp(34px,6vw,92px);transform:translateY(-50%)}.eyebrow{color:var(--blue)}.scene-title{font-family:var(--display);letter-spacing:-.055em;color:var(--ivory);font-size:clamp(46px,5.2vw,80px);font-weight:400;line-height:.86}.scene-title em{color:#aebcff;font-style:italic}.scene-subtitle{max-width:238px;color:var(--dim);letter-spacing:.015em;font-size:11px;line-height:1.65}.is-live #scene-copy{opacity:0;transform:translateY(calc(-50% - 10px))}.is-live.is-revealing #scene-copy{opacity:0;transform:translateY(calc(-50% - 20px))}.is-result #scene-copy{opacity:0;transform:translateY(calc(-50% - 18px))}#video-panel{z-index:10;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;width:min(360px,100vw - 56px);max-width:360px;max-height:390px;padding:7px;transition:width .34s cubic-bezier(.22,.72,.2,1),max-height .34s cubic-bezier(.22,.72,.2,1),padding .25s,border-radius .25s,opacity .35s,transform .35s;position:fixed;top:25px;right:28px;overflow:hidden;box-shadow:0 18px 58px #00000057}#video-panel.is-collapsed{width:42px;max-height:42px;box-shadow:none;background:#06070a99;border-radius:50%;padding:0}.is-revealing #video-panel{opacity:0;pointer-events:none;transform:translateY(-10px)}.video-toggle{background:#ffffff06;border-radius:12px;align-items:center;gap:10px;width:100%;height:40px;padding:0 8px;display:flex}.video-toggle:active{transform:none}.video-toggle span{margin:0}.video-toggle-icon{filter:drop-shadow(0 0 8px #718cff40);flex:none;width:25px;height:18px}.video-toggle-label{text-align:left;letter-spacing:.13em;text-transform:uppercase;flex:1;font-size:9px;font-weight:750}.video-toggle-chevron{color:var(--dim);font-size:12px}.video-content{opacity:1;transform-origin:100% 0;width:100%;margin-top:7px;transition:opacity .18s 80ms,transform .28s}#video-panel.is-collapsed .video-toggle{background:0 0;border:0;border-radius:50%;justify-content:center;width:42px;height:42px;padding:0}#video-panel.is-collapsed .video-toggle-icon{width:22px}#video-panel.is-collapsed .video-toggle-label,#video-panel.is-collapsed .video-toggle-chevron{display:none}#video-panel.is-collapsed .video-content{opacity:0;pointer-events:none;transform:translateY(-7px)scale(.97)}.video-wrap{background:#090a0e;border-radius:11px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-input{gap:6px;margin:8px 1px 0;display:flex}.video-input input{min-width:0;color:var(--ink);border:1px solid var(--line);background:#ffffff09;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:10px}.video-input input:focus{border-color:#718cff80}.video-input input::placeholder{color:var(--dim)}.video-input button{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:7px 11px;font-size:9px;font-weight:750}.video-note{color:var(--dim);margin:9px 4px 3px;font-size:10px;line-height:1.4}#controls{z-index:12;display:flex;position:fixed;bottom:142px;left:50%;transform:translate(-50%)}#controls button{border-radius:99px;min-width:196px;padding:13px 20px}#palette{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);touch-action:none;background:#06070ac7;border-radius:18px;gap:5px;padding:6px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000057}.emo-btn{--c:var(--blue);background:#ffffff06;border-color:#0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;width:142px;height:72px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.emo-btn:before{content:"";background:var(--c);width:20px;height:1px;box-shadow:0 0 10px var(--c);opacity:.7;transition:width .18s,opacity .18s;position:absolute;top:0;left:14px}.emo-btn+.emo-btn:after{content:"";background:var(--line);width:1px;position:absolute;top:13px;bottom:13px;left:-3px}.emo-btn .emo-label{color:var(--ivory);letter-spacing:.06em;font-size:15px;font-weight:760}.emo-btn .emo-hint{color:var(--dim);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.emo-btn .emo-hint kbd{color:#b9bdc8;font:inherit;border:1px solid var(--line);background:#ffffff06;border-radius:4px;margin-left:5px;padding:2px 5px}.emo-btn:hover{border-color:color-mix(in srgb, var(--c) 28%, transparent);background:color-mix(in srgb, var(--c) 6%, #ffffff08);transform:translateY(-2px)}.emo-btn:hover:before{opacity:1;width:42px}.emo-btn.flash{color:#fff;border-color:color-mix(in srgb, var(--c) 50%, transparent);background:color-mix(in srgb, var(--c) 14%, #090a0e);box-shadow:inset 0 0 30px color-mix(in srgb, var(--c) 10%, transparent), 0 0 24px color-mix(in srgb, var(--c) 18%, transparent);transform:translateY(-4px)}.emo-btn.sending:before{opacity:1;width:calc(100% - 28px);height:2px}#cast-feedback{z-index:11;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cast-orb{opacity:0;transform-origin:50%;width:20px;height:20px;filter:drop-shadow(0 0 8px var(--cast-color)) drop-shadow(0 0 16px var(--cast-color));will-change:transform, opacity;margin:-10px 0 0 -10px;position:absolute;top:0;left:0}.cast-orb:before,.cast-orb:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cast-color) 25%, transparent), var(--cast-color));filter:blur(2px);opacity:.72;border-radius:99px;width:58px;height:5px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.cast-orb:after{filter:none;opacity:.9;width:34px;height:1px}.cast-orb>i{border:2px solid color-mix(in srgb, var(--cast-color) 72%, white);box-shadow:0 0 18px 5px var(--cast-color);background:#fff;border-radius:50%;position:absolute;inset:3px}.cast-orb--2{width:16px;height:16px;margin:-8px 0 0 -8px}.cast-impact{--impact-size:58px;width:var(--impact-size);height:var(--impact-size);margin:calc(var(--impact-size) / -2) 0 0 calc(var(--impact-size) / -2);border:1px solid color-mix(in srgb, var(--cast-color) 74%, white);filter:drop-shadow(0 0 10px var(--cast-color));border-radius:50%;animation:.7s cubic-bezier(.12,.75,.22,1) both cast-impact;position:absolute}.cast-impact>i{border:1px solid var(--cast-color);border-radius:50%;animation:.56s ease-out both cast-impact-inner;position:absolute;inset:10px}.cast-impact>b{color:#fff;text-shadow:0 0 12px var(--cast-color);place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:0}@keyframes cast-impact{0%{opacity:0;transform:scale(.18)}24%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@keyframes cast-impact-inner{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(2.1)}}#result{z-index:20;pointer-events:none;position:fixed;inset:0}.result-card{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overscroll-behavior:contain;background:#06070ac2;border-radius:16px;flex-direction:column;width:318px;max-height:calc(100vh - 100px);padding:22px;transition:width .26s,max-height .26s,padding .26s,border-radius .26s;animation:.6s cubic-bezier(.2,.7,.2,1) both panel-enter;display:flex;position:absolute;bottom:28px;right:28px;overflow:hidden;box-shadow:0 24px 70px #0000006b}@keyframes panel-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-panel-toggle{width:100%;min-height:38px;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex:none;align-items:center;gap:10px;padding:0 0 12px;display:flex}.result-panel-toggle:hover{border-color:#8497ff6b}.result-panel-toggle:active{transform:none}.result-panel-grip{display:none}.result-panel-toggle-copy{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.result-panel-toggle .result-kicker{margin:0}.result-panel-toggle-label{color:var(--dim);letter-spacing:.12em;white-space:nowrap;font-size:7px;font-weight:750}.result-panel-chevron{color:var(--blue);font-size:14px;transition:transform .22s}.result-card.is-collapsed{border-radius:99px;width:230px;max-height:50px;padding:0 16px}.result-card.is-collapsed .result-panel-toggle{border-bottom:0;height:50px;min-height:50px;padding:0}.result-card.is-collapsed .result-panel-chevron{transform:rotate(180deg)}.result-panel-body{overscroll-behavior:contain;min-height:0;padding-top:16px;overflow:auto}.result-card.is-collapsed .result-panel-body{display:none}.result-kicker{color:var(--blue);margin-bottom:12px;display:block}.result-card h1{color:var(--ivory);font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:31px;font-weight:400;line-height:.95}.tagline{color:var(--dim);margin:10px 0 18px;font-size:10px;line-height:1.45}.result-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid}.result-meta>div{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:5px;padding:10px 0;font-size:8px;display:flex}.result-meta>div+div{border-left:1px solid var(--line);padding-left:14px}.result-meta b{color:var(--ink);letter-spacing:0;font-size:12px;font-weight:600}.mono{font-family:var(--mono);font-size:9px}.result-details{border-bottom:1px solid var(--line);margin-bottom:14px}.result-details summary{color:#b6bac5;letter-spacing:.14em;cursor:pointer;justify-content:space-between;align-items:center;padding:0 0 12px;font-size:8px;font-weight:750;list-style:none;display:flex}.result-details summary::-webkit-details-marker{display:none}.result-details summary span{color:var(--blue);margin:0;font-size:13px;transition:transform .2s}.result-details[open] summary span{transform:rotate(45deg)}.detail-inner{padding-bottom:13px}.hash-row{color:var(--dim);letter-spacing:.09em;text-transform:uppercase;flex-direction:column;gap:5px;margin-bottom:11px;font-size:8px;display:flex}.hash-row b{color:#b9bdc8;letter-spacing:0;text-transform:none}.report{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:11px;display:flex}.pie{filter:saturate(.78);border-radius:50%;flex:none;width:72px;height:72px;-webkit-mask:radial-gradient(closest-side,#0000 60%,#000 61%);mask:radial-gradient(closest-side,#0000 60%,#000 61%)}.legend{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.legend>div{color:var(--dim);align-items:center;gap:7px;font-size:9px;display:flex}.legend i{background:var(--c);border-radius:50%;flex:none;width:5px;height:5px}.legend span{letter-spacing:.04em;flex:1;margin:0;font-weight:650}.legend b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550}.mint-row{flex-direction:column;gap:10px;display:flex}.chain-toggle{color:var(--dim);cursor:pointer;align-items:center;gap:7px;font-size:9px;display:flex}.chain-toggle input{accent-color:var(--blue)}.mint-row .primary{border-radius:9px;padding:11px}.mint-status{color:#aebcff;min-height:11px;margin-top:8px;font-size:9px;line-height:1.35}.mint-result{margin-top:7px;font-size:10px;line-height:1.45}.mint-result a{color:#aebcff;word-break:break-all}.result-actions{gap:6px;margin-top:10px;display:flex}.result-actions .ghost{color:#b9bdc8;border-radius:8px;flex:1;padding:9px 7px;font-size:8px}#compare-bar{z-index:21;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(720px,100vw - 56px);min-height:44px;color:var(--dim);letter-spacing:.04em;background:#06070ac2;border-radius:99px;justify-content:space-between;align-items:center;gap:16px;padding:7px 8px 7px 16px;font-size:9px;display:flex;position:fixed;top:25px;left:50%;transform:translate(-50%)}#compare-bar button{border-radius:99px;padding:8px 13px;font-size:9px}@media (prefers-reduced-motion:reduce){.cast-orb:before{width:30px}.cast-impact{animation-duration:.34s}}@media (width<=900px){#scene-copy{left:max(30px, calc(var(--safe-left) + 22px));width:280px}.scene-title{font-size:clamp(40px,7vw,64px)}#controls button{min-height:46px}.emo-btn{width:126px;min-height:64px}.result-actions .ghost,.mint-row .primary{min-height:44px}}@media (width<=680px){body:after{top:max(6px, var(--safe-top));right:max(6px, var(--safe-right));bottom:max(6px, var(--safe-bottom));left:max(6px, var(--safe-left))}#topbar{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px)}#topbar .match{height:38px;max-width:calc(100vw - 78px - var(--safe-left) - var(--safe-right));padding:0 12px}.brand-mark,.frame-divider{display:none}#phase-tag{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#video-panel{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);width:min(360px, calc(100vw - var(--safe-left) - var(--safe-right) - 24px))}#video-panel:not(.is-collapsed){max-height:min(390px, calc(100dvh - var(--safe-top) - 90px))}#scene-copy{top:calc(var(--safe-top) + 82px);left:calc(var(--safe-left) + 20px);width:min(285px, calc(100vw - var(--safe-left) - var(--safe-right) - 40px));gap:10px;transform:none}.scene-title{font-size:clamp(36px,11vw,46px);line-height:.88}.scene-subtitle{max-width:210px;font-size:10px;line-height:1.5}.is-live #scene-copy,.is-live.is-revealing #scene-copy,.is-result #scene-copy{transform:translateY(-10px)}#palette{bottom:calc(var(--safe-bottom) + 10px);width:calc(100% - var(--safe-left) - var(--safe-right) - 16px);border-radius:14px;gap:2px;padding:4px}.emo-btn{border-radius:10px;width:33.333%;height:68px;padding:9px 10px}.emo-btn:before{left:10px}.emo-btn .emo-label{font-size:clamp(11px,3.4vw,14px)}.emo-btn .emo-hint{font-size:7px}.emo-btn .emo-hint kbd{display:none}#controls{bottom:calc(var(--safe-bottom) + 94px)}body:not(.is-live) #controls{bottom:calc(var(--safe-bottom) + 22px)}#controls button{min-width:min(210px,100vw - 40px);min-height:48px;padding:13px 18px}.is-result #video-panel{opacity:0;pointer-events:none;transform:translateY(-10px)}.result-card{width:100%;max-height:68dvh;padding:18px calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 18px);background:#06070ae0;border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;bottom:0;left:0;right:0}.result-card.is-collapsed{right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 12px);left:calc(var(--safe-left) + 12px);border:1px solid var(--line);background:#06070ad1;border-radius:16px;width:auto;max-height:58px;padding:0 16px}.result-card.is-collapsed .result-panel-toggle{height:56px;min-height:56px}.result-panel-toggle{min-height:42px;padding-bottom:13px}.result-panel-grip{background:#b9c1e052;border-radius:99px;flex:none;width:30px;height:3px;display:block}.result-panel-toggle-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}.result-panel-toggle-label{font-size:8px}.result-card:has(.result-details[open]){max-height:72dvh}.result-kicker{margin-bottom:8px}.result-card h1{font-size:27px;line-height:.92}.tagline{margin:8px 0 13px}.result-meta{margin-bottom:11px}.result-meta>div{padding:8px 0}.result-details{margin-bottom:11px}.result-details summary{min-height:34px;padding-bottom:8px}.result-actions{gap:8px}.result-actions .ghost{min-height:44px}#compare-bar{top:calc(var(--safe-top) + 10px);width:calc(100vw - var(--safe-left) - var(--safe-right) - 20px);border-radius:14px;min-height:48px;padding:7px 7px 7px 12px;line-height:1.35}#compare-bar span{max-width:calc(100% - 74px)}#compare-bar button{flex:none;min-height:38px}}@media (width<=430px){.scene-subtitle{display:none}.eyebrow{font-size:8px}.scene-title{font-size:clamp(34px,10.8vw,42px)}.emo-btn{padding-inline:8px}.emo-btn .emo-hint{letter-spacing:.035em}}@media (height<=520px) and (orientation:landscape){#scene-copy{display:none}#topbar{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 10px)}#video-panel{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 10px)}#palette{bottom:calc(var(--safe-bottom) + 7px);width:min(430px, calc(100vw - var(--safe-left) - var(--safe-right) - 20px))}.emo-btn{height:58px;min-height:58px}.emo-btn .emo-hint kbd{display:none}#controls{bottom:calc(var(--safe-bottom) + 78px)}body:not(.is-live) #controls{bottom:calc(var(--safe-bottom) + 16px)}.result-card{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);border:1px solid var(--line);border-radius:16px;width:min(300px,42vw);max-height:none;padding:16px;left:auto}.result-card:has(.result-details[open]){max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px)}.result-card.is-collapsed{top:auto;right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);width:min(260px, calc(100vw - var(--safe-left) - var(--safe-right) - 20px));max-height:56px;left:auto}.result-card h1{font-size:24px}.tagline{display:none}}