.home{width:100%;min-width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-7);overflow-x:hidden;box-sizing:border-box}.hero{display:block;padding:clamp(24px,3vw,36px);border-radius:var(--radius-xl);border:1px solid var(--hero-border);background:var(--hero-surface);position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,var(--accent-soft),transparent 62%);pointer-events:none}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-4)}.hero-copy h1{font-size:clamp(42px,6vw,64px);letter-spacing:-.04em;margin:0}.hero-copy .lede{color:var(--text-secondary);margin:0}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3)}.stat{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:var(--surface-soft)}.stat strong{display:block;font-size:26px;font-weight:800}.stat span{color:var(--text-secondary);font-size:14px}.visitor-stat{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.visitor-stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff1a,#7e7bff1a);opacity:0;transition:opacity .3s ease;z-index:0}.visitor-stat:hover:before{opacity:1}.visitor-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #62efff26}.visitor-stat strong{position:relative;z-index:1;background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:numberPulse 2s ease-in-out infinite}.visitor-stat span{position:relative;z-index:1;transition:color .3s ease}.visitor-stat:hover span{color:var(--accent-strong)}.visitor-stat.loading strong{background:var(--text-secondary);-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;animation:pulse 1.5s ease-in-out infinite}.visitor-stat.loading:before{opacity:.3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes numberPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 640px){.visitor-stat{padding:var(--space-2)}.visitor-stat strong{font-size:22px}.visitor-stat span{font-size:12px}}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff0f,#ffffff05);mix-blend-mode:screen;opacity:.7}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.panel-head .tagline{font-size:14px;color:var(--text-secondary)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft),transparent 10%);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.live-card{display:none}.workflow{background:color-mix(in srgb,var(--surface-soft),transparent 20%);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--border-color),transparent 25%)}.workflow .section-head{text-align:center;align-items:center}.workflow-card{box-shadow:0 12px 24px #0000001f}@media (max-width: 960px){.hero-visual{min-height:380px}.hero-panel{position:relative;top:0;right:0;bottom:0;left:0;max-width:100%}}.section-block{display:flex;flex-direction:column;gap:var(--space-4)}.section-head{display:flex;flex-direction:column;gap:var(--space-2)}.section-head h2{margin:0;font-size:clamp(26px,4vw,36px);color:var(--text-secondary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.service-card{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);padding:var(--space-4);background:#ffffff05;display:flex;flex-direction:column;gap:var(--space-3);color:inherit;transition:transform .2s ease,border-color .2s ease}.service-card:hover{transform:translateY(-4px);border-color:var(--field-border-active)}.card-badge{width:48px;height:48px;border-radius:16px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.service-card p{margin:0;color:var(--text-secondary)}.card-link{margin-top:auto;font-weight:700;color:var(--accent-strong)}.tools{border-top:1px solid color-mix(in srgb,var(--border-color),transparent 30%);padding-top:var(--space-6)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.tool-card{border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--border-color),transparent 20%);padding:var(--space-4);background:#ffffff05;display:flex;flex-direction:column;gap:var(--space-3);color:inherit;transition:border-color .2s ease,transform .2s ease}.tool-card:hover{border-color:var(--field-border-active);transform:translateY(-2px)}.tool-title{font-weight:700;font-size:18px}.tool-card p{margin:0;color:var(--text-secondary)}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.workflow-card{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);padding:var(--space-4);background:#ffffff05;display:flex;flex-direction:column;gap:var(--space-3);min-height:200px}.workflow-meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.workflow-card p{margin:0;color:var(--text-secondary);line-height:1.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.page-visitor-stats{margin-top:var(--space-6)}.visitor-chart-container{margin:var(--space-6) 0;padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.visitor-chart-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff08,#7e7bff08);pointer-events:none}.visitor-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);align-items:flex-end;min-height:320px;padding:var(--space-4) 0;position:relative;z-index:1}.visitor-chart-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.chart-bars{display:flex;gap:var(--space-2);align-items:flex-end;width:100%;justify-content:center}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;max-width:60px}.chart-bar-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;opacity:.7;text-align:center}.chart-bar-container{width:100%;height:240px;display:flex;align-items:flex-end;justify-content:center;position:relative;background:linear-gradient(to top,color-mix(in srgb,var(--border-color),transparent 95%) 0%,transparent 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden}.chart-bar{width:100%;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);box-shadow:0 -2px 8px #0000001a}.chart-bar-daily{background:linear-gradient(180deg,#62efff,#7e7bff);box-shadow:0 -4px 16px #62efff4d,0 0 20px #62efff1a}.chart-bar-total{background:linear-gradient(180deg,#a2b3ff,#c5a8ff);box-shadow:0 -4px 16px #a2b3ff4d,0 0 20px #a2b3ff1a}.chart-bar:hover{transform:scaleY(1.05);filter:brightness(1.1)}.chart-bar-value{font-size:11px;font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;opacity:0;transition:opacity .3s ease;position:absolute;top:-24px;background:#000000b3;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chart-bar:hover .chart-bar-value{opacity:1}.chart-bar-loading{background:color-mix(in srgb,var(--text-muted),transparent 80%);animation:chartBarLoading 1.5s ease-in-out infinite;height:60%!important}@keyframes chartBarLoading{0%,to{opacity:.4;transform:scaleY(.8)}50%{opacity:.8;transform:scaleY(1)}}.chart-page-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card),transparent 50%);border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);transition:all .3s ease}.visitor-chart-item:hover .chart-page-label{color:var(--text-primary);background:color-mix(in srgb,var(--accent-soft),transparent 90%);border-color:color-mix(in srgb,var(--accent-strong),transparent 60%);transform:translateY(-2px)}[data-theme=light] .visitor-chart-container{background:#ffffffe6;border-color:color-mix(in srgb,var(--border-color),transparent 20%)}[data-theme=light] .visitor-chart-container:before{background:linear-gradient(135deg,#ff9f6c0d,#ffce730d)}[data-theme=light] .chart-bar-daily{background:linear-gradient(180deg,#ff9f6c,#ffce73);box-shadow:0 -4px 16px #ff9f6c4d,0 0 20px #ff9f6c1a}[data-theme=light] .chart-bar-total{background:linear-gradient(180deg,#ffce73,#ffb84d);box-shadow:0 -4px 16px #ffce734d,0 0 20px #ffce731a}[data-theme=light] .chart-bar-value{color:#0f1729;text-shadow:none;background:#fffffff2;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .chart-bar-container{background:linear-gradient(to top,color-mix(in srgb,var(--border-color),transparent 90%) 0%,transparent 100%)}[data-theme=light] .chart-page-label{background:#ffffffb3;border-color:color-mix(in srgb,var(--border-color),transparent 30%)}[data-theme=light] .visitor-chart-item:hover .chart-page-label{background:color-mix(in srgb,rgba(255,159,108,.2),transparent 80%);border-color:color-mix(in srgb,var(--accent-strong),transparent 40%)}@media (max-width: 960px){.visitor-chart{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);min-height:280px}.chart-bar-container{height:200px}.chart-bar-wrapper{max-width:50px}}@media (max-width: 640px){.visitor-chart-container{padding:var(--space-4)}.visitor-chart{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-2);min-height:240px}.chart-bar-container{height:180px}.chart-bar-wrapper{max-width:40px}.chart-bar-label{font-size:9px}.chart-page-label{font-size:11px;padding:4px 8px}.chart-bar-value{font-size:10px;top:-20px}}.page-visitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.page-visitor-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-visitor-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff0d,#7e7bff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.page-visitor-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-strong),transparent 60%);box-shadow:0 8px 24px #62efff26}.page-visitor-card:hover:before{opacity:1}.page-visitor-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);text-align:center}.page-visitor-stats{display:flex;flex-direction:column;gap:var(--space-3)}.page-visitor-stat-item{display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.page-visitor-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;opacity:.7}.page-visitor-count{display:flex;align-items:baseline;gap:var(--space-1);justify-content:center}.page-visitor-count strong{font-size:24px;font-weight:800;line-height:1;transition:all .3s ease}.page-visitor-daily{background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-visitor-total{background:linear-gradient(135deg,#a2b3ff,#c5a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-visitor-unit{font-size:13px;color:var(--text-muted);font-weight:500}.page-visitor-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--border-color),transparent 50%) 50%,transparent 100%);margin:var(--space-1) auto}.loading-dots{font-size:28px;font-weight:800;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}[data-theme=light] .page-visitor-card{background:#ffffffe6;border-color:color-mix(in srgb,var(--border-color),transparent 20%)}[data-theme=light] .page-visitor-card:before{background:linear-gradient(135deg,#ff9f6c14,#ffce7314)}[data-theme=light] .page-visitor-card:hover{border-color:color-mix(in srgb,var(--accent-strong),transparent 40%);box-shadow:0 8px 24px #ff9f6c26}[data-theme=light] .page-visitor-daily{background:linear-gradient(135deg,#ff9f6c,#ffce73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .page-visitor-total{background:linear-gradient(135deg,#ffce73,#ffb84d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 640px){.hero{padding:var(--space-4)}.hero-panel{inset:var(--space-4)}.hero-cta{flex-direction:column;align-items:stretch}.pipeline-card{min-height:auto}.page-visitor-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.page-visitor-card{padding:var(--space-3)}.page-visitor-count strong{font-size:20px}.page-visitor-stat-label{font-size:10px}.page-visitor-unit{font-size:12px}}.visitor-chart-item.selected{transform:scale(1.05);border:2px solid var(--accent-strong);box-shadow:0 8px 32px #62efff4d}.visitor-chart-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.visitor-chart-item:hover{transform:translateY(-4px)}.daily-line-chart-container{margin:var(--space-6) 0;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);animation:slideInUp .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.daily-line-chart-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff08,#7e7bff08);pointer-events:none}.line-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);position:relative;z-index:1}.line-chart-header h3{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-chart-btn{width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);background:#ffffff0d;color:var(--text-primary);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-chart-btn:hover{background:#ffffff1a;border-color:var(--accent-strong);transform:rotate(90deg)}.recharts-line-chart-wrapper{width:100%;position:relative;z-index:1;padding:var(--space-4) 0}.recharts-legend-wrapper{display:flex;justify-content:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--border-color),transparent 50%)}.recharts-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:600}.recharts-legend-color{width:20px;height:3px;border-radius:2px;flex-shrink:0}.line-chart-wrapper{display:flex;gap:var(--space-4);position:relative;z-index:1}.line-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;min-width:60px;padding-right:var(--space-2)}.y-tick{display:flex;align-items:center;gap:var(--space-2);height:0}.y-tick-label{font-size:11px;font-weight:600;color:var(--text-muted);min-width:40px;text-align:right}.y-tick-line{flex:1;height:1px;background:color-mix(in srgb,var(--border-color),transparent 80%)}.line-chart-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.line-chart-svg{width:100%;height:300px;overflow:visible}.grid-line{stroke:color-mix(in srgb,var(--border-color),transparent 85%);stroke-width:.5}.area-fill{fill:url(#areaGradient);opacity:.3}.line-path{stroke:url(#lineGradient);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(98,239,255,.3))}.data-point{fill:#62efff;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 4px rgba(98,239,255,.6));transition:r .2s ease}.data-point:hover{r:3;filter:drop-shadow(0 0 8px rgba(98,239,255,1))}.line-chart-x-axis{display:flex;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--border-color),transparent 50%)}.x-tick{flex:1;text-align:center}.x-tick-label{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap}.line-chart-legend{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--border-color),transparent 50%)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:12px;font-weight:600;color:var(--text-secondary)}.legend-color{width:16px;height:3px;background:linear-gradient(90deg,#62efff,#7e7bff);border-radius:2px}.line-chart-svg defs{position:absolute}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .daily-line-chart-container{background:#ffffffe6;border-color:color-mix(in srgb,var(--border-color),transparent 20%)}[data-theme=light] .daily-line-chart-container:before{background:linear-gradient(135deg,#ff9f6c0d,#ffce730d)}[data-theme=light] .line-chart-header h3{background:linear-gradient(135deg,#ff9f6c,#ffce73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .close-chart-btn{background:#0000000d;border-color:color-mix(in srgb,var(--border-color),transparent 30%)}[data-theme=light] .close-chart-btn:hover{background:#0000001a;border-color:var(--accent-strong)}[data-theme=light] .line-path{stroke:url(#lineGradientLight);filter:drop-shadow(0 2px 4px rgba(255,159,108,.3))}[data-theme=light] .area-fill{fill:url(#areaGradientLight)}[data-theme=light] .data-point{fill:#ff9f6c;filter:drop-shadow(0 0 4px rgba(255,159,108,.6))}[data-theme=light] .data-point:hover{filter:drop-shadow(0 0 8px rgba(255,159,108,1))}[data-theme=light] .legend-color{background:linear-gradient(90deg,#ff9f6c,#ffce73)}@media (max-width: 960px){.line-chart-wrapper{flex-direction:column}.line-chart-y-axis{flex-direction:row;min-width:auto;padding-right:0;padding-bottom:var(--space-2)}.y-tick{flex-direction:column;align-items:flex-start}.y-tick-line{width:1px;height:20px}.line-chart-svg{height:250px}}@media (max-width: 640px){.daily-line-chart-container{padding:var(--space-4)}.line-chart-header h3{font-size:16px}.line-chart-svg{height:200px}.x-tick-label{font-size:9px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:none}.modal-content{position:relative;max-width:480px;width:100%;padding:48px 40px;background:linear-gradient(150deg,#0c121efa,#080c15f2);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);border-radius:32px;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0d inset;pointer-events:auto;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(98,239,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(126,123,255,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);background:#ffffff0d;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#ffffff1a;border-color:var(--border-color);color:var(--text-primary);transform:rotate(90deg)}.modal-icon{position:relative;width:80px;height:80px;margin:0 auto 24px;color:var(--accent-strong);z-index:1}.modal-title{position:relative;font-size:32px;font-weight:800;text-align:center;margin:0 0 16px;background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1}.modal-message{position:relative;text-align:center;color:var(--text-secondary);line-height:1.6;margin:0 0 32px;font-size:16px;z-index:1}.modal-button{position:relative;width:100%;padding:16px 32px;background:var(--accent-gradient);color:#050a12;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;z-index:1;box-shadow:0 8px 24px #62efff4d}.modal-button:hover{box-shadow:0 12px 32px #62efff66;transform:translateY(-2px)}.modal-button:active{transform:translateY(0)}.modal-decoration{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.decoration-1{width:200px;height:200px;background:radial-gradient(circle,rgba(98,239,255,.3),transparent 70%);top:-100px;left:-100px;animation:float 6s ease-in-out infinite}.decoration-2{width:150px;height:150px;background:radial-gradient(circle,rgba(126,123,255,.3),transparent 70%);bottom:-75px;right:-75px;animation:float 8s ease-in-out infinite reverse}.decoration-3{width:100px;height:100px;background:radial-gradient(circle,rgba(255,107,107,.2),transparent 70%);top:50%;right:10%;animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}@media (max-width: 768px){.modal-content{padding:36px 24px;max-width:90%}.modal-title{font-size:24px}.modal-message{font-size:14px}.modal-icon{width:64px;height:64px}}.ti-page{--ti-header-offset: calc(var(--header-height, 76px) + 12px);width:100%;min-width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding-top:calc(var(--app-header-h, 76px) + var(--space-4));padding-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.studio-form{display:flex;flex-direction:column;gap:var(--space-4)}.quality-row .pill-button.compact{padding:8px 12px}.advanced-toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-lg);border:1px dashed color-mix(in srgb,var(--border-color),transparent 30%);background:#ffffff05}.advanced-desc{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:14px}.result-panel{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.result-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.preview{width:100%;max-height:420px;border-radius:var(--radius-lg);object-fit:contain;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:#02040a}[data-theme=light] .preview{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%)}.ti-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(108,104,255,.08),transparent 45%),radial-gradient(circle at 70% 10%,rgba(34,201,255,.08),transparent 45%),#06080ebf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.ti-page .overlay.with-header-offset{padding-top:var(--ti-header-offset);padding-bottom:calc(var(--space-4) + 8px)}[data-theme=light] .ti-page .overlay{background:radial-gradient(circle at 20% 20%,rgba(255,159,108,.12),transparent 45%),radial-gradient(circle at 70% 10%,rgba(255,206,115,.12),transparent 45%),#ffffffd9}.ti-page .live-panel{width:min(720px,96vw);background:radial-gradient(circle at 20% 20%,rgba(108,104,255,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(34,201,255,.1),transparent 45%),#0e121ce6;border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:0 16px 42px #00000059}.ti-page .live-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 40%);opacity:.6;pointer-events:none;transform:translate(-20%);animation:sweep 3s linear infinite}.ti-page .live-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ti-page .progress-shell{margin-top:var(--space-3);width:min(520px,100%);height:14px;border-radius:999px;background:color-mix(in srgb,var(--border-color),transparent 60%);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%)}[data-theme=light] .ti-page .progress-shell{background:color-mix(in srgb,var(--border-color),transparent 80%)}.ti-page .progress-bar{height:100%;background:linear-gradient(90deg,#7fffd4,#5de2ff,#9f7bff);box-shadow:0 0 12px #9f7bff73;border-radius:999px;transition:width .18s ease-out}.ti-page .eta-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-size:14px;text-align:center}.ti-page .glass-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffff08;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%)}.ti-page .glass-preview.large img{max-height:420px;object-fit:contain;width:100%}.ti-page .glass-preview img{width:100%;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 40%)}.ti-page .preview-skeleton{display:flex;flex-direction:column;gap:8px}.ti-page .skeleton-bar{width:100%;height:12px;border-radius:12px;background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.ti-page .skeleton-bar.short{width:60%}.ti-page .result-flyout{width:min(960px,96vw);padding:var(--space-4);background:#090c16eb;border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);display:flex;flex-direction:column;gap:var(--space-3);animation:fly-in .35s ease-out;border-radius:var(--radius-xl);box-shadow:0 18px 52px #00000073;max-height:calc(100vh - var(--ti-header-offset) - 24px);overflow:hidden}.ti-page .result-flyout img{width:100%;max-height:min(560px,calc(100vh - var(--ti-header-offset) - 160px));object-fit:contain;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:#05070d}[data-theme=light] .ti-page .result-flyout{background:#fffffff5;color:#0f1729;border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);box-shadow:0 14px 36px #0f17292e}[data-theme=light] .ti-page .result-flyout,[data-theme=light] .ti-page .result-flyout *{color:#0f1729}[data-theme=light] .ti-page .result-flyout img{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%)}.ti-page .flyout-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}[data-theme=light] .ti-page .result-flyout .flyout-meta .pill,[data-theme=light] .ti-page .result-flyout .flyout-meta .muted,[data-theme=light] .ti-page .result-flyout .flyout-meta strong{color:#0f1729}.muted.small{font-size:13px}.ti-page .result-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;align-self:stretch;padding:6px 2px 0;border-top:1px solid color-mix(in srgb,var(--border-color),transparent 26%);margin-top:var(--space-2)}.ti-page .result-actions.compact{justify-content:flex-start;gap:var(--space-2);padding-top:6px;border-top:none;margin-top:0}.ti-page .result-actions .primary{min-width:150px;text-align:center}.ti-page .result-actions .pill-button.ghost{padding:10px 14px;border-radius:12px}[data-theme=light] .ti-page .result-flyout .result-actions,[data-theme=light] .ti-page .result-flyout .result-actions .muted{color:#111827}.pill.accent{background:linear-gradient(90deg,#7fffd4,#6ad5ff);color:#04101b}.loading-note{margin-top:var(--space-2);font-size:13px;color:var(--text-secondary);line-height:1.4}.ti-page .alert{margin:var(--space-2) 0;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);color:var(--text-primary)}.ti-page .alert.error{border-color:#ffb4b4;background:#ffb4b414;color:#ffdede}.ti-page .modal-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;width:min(760px,96vw);max-height:calc(100vh - var(--ti-header-offset) - 24px);padding:var(--space-4);overflow:hidden}.ti-page .overlay-result .modal-card,.ti-page .overlay-loading .modal-card,.ti-page .overlay-error .modal-card{align-items:stretch}.ti-page .overlay-result .modal-card{background:#090c16f0}[data-theme=light] .ti-page .overlay-result .modal-card{background:#fffffff7;color:#0f1729;border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);box-shadow:0 14px 36px #0f172929}[data-theme=light] .ti-page .overlay-result .modal-card,[data-theme=light] .ti-page .overlay-result .modal-card *{color:#0f1729}.ti-page .overlay-loading .modal-card{background:#0e121cf5}[data-theme=light] .ti-page .overlay-loading{background:#ffffffd1}[data-theme=light] .ti-page .overlay-loading .modal-card{background:linear-gradient(135deg,#fdfefe,#eef3ff);color:#0f1729;border:1px solid #dfe6f0;box-shadow:0 24px 50px #0f172926}[data-theme=light] .ti-page .overlay-loading .modal-card,[data-theme=light] .ti-page .overlay-loading .modal-card *{color:#0f1729}.ti-page .overlay-error .modal-card{background:#14080af2;border:1px solid color-mix(in srgb,#ff7b7b,transparent 30%);box-shadow:0 18px 52px #0000006b}.ti-page .pill-button.ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--border-color),transparent 50%)}.ti-page .error-icon{width:64px;height:64px;border-radius:50%;border:2px solid #ff9f9f;display:grid;place-items:center;color:#ffdede;font-weight:800;font-size:28px;box-shadow:0 0 22px #ff787840}.ti-page .error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.ti-page .center{text-align:center}@keyframes fly-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-visitor-badge{position:fixed;z-index:20;pointer-events:none;animation:fadeInSlide .6s cubic-bezier(.4,0,.2,1)}.page-visitor-badge--top-left{top:100px;left:var(--space-4)}.page-visitor-badge--top-right{top:100px;right:var(--space-4)}.animal-test-page .page-visitor-badge--top-right{top:auto;bottom:auto;right:var(--space-4);position:absolute;margin-top:0}@media (max-width: 768px){.animal-test-page .page-visitor-badge--top-right{position:fixed;top:120px;right:var(--space-2)}}.page-visitor-badge--bottom-left{bottom:var(--space-6);left:var(--space-4)}.page-visitor-badge--bottom-right{bottom:var(--space-6);right:var(--space-4)}.page-visitor-badge__content{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#62efff26,#7e7bff26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff0d inset;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:default}.page-visitor-badge__content:hover{background:linear-gradient(135deg,#62efff40,#7e7bff40);border-color:color-mix(in srgb,var(--accent-strong),transparent 50%);box-shadow:0 12px 32px #62efff33,0 0 0 1px #ffffff1a inset;transform:translateY(-2px)}.page-visitor-badge__icon{font-size:16px;line-height:1;filter:grayscale(.3);animation:iconPulse 2s ease-in-out infinite}.page-visitor-badge__text{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.page-visitor-badge__text{background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%,to{transform:scale(1);filter:grayscale(.3)}50%{transform:scale(1.1);filter:grayscale(0)}}@media (max-width: 768px){.page-visitor-badge--top-left,.page-visitor-badge--top-right{top:80px}.page-visitor-badge--top-left,.page-visitor-badge--bottom-left{left:var(--space-2)}.page-visitor-badge--top-right,.page-visitor-badge--bottom-right{right:var(--space-2)}.page-visitor-badge__content{padding:8px 12px;gap:var(--space-1)}.page-visitor-badge__text{font-size:12px}.page-visitor-badge__icon{font-size:14px}}@media (max-width: 480px){.page-visitor-badge__text{font-size:11px}.page-visitor-badge__content{padding:6px 10px}}[data-theme=light] .page-visitor-badge__content{background:linear-gradient(135deg,#ff9f6c26,#ffce7326);border-color:color-mix(in srgb,var(--border-color),transparent 20%)}[data-theme=light] .page-visitor-badge__content:hover{background:linear-gradient(135deg,#ff9f6c40,#ffce7340);border-color:color-mix(in srgb,var(--accent-strong),transparent 30%)}[data-theme=light] .page-visitor-badge__text{background:linear-gradient(135deg,#ff9f6c,#ffce73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-reduced-motion: reduce){.page-visitor-badge,.page-visitor-badge__icon{animation:none}}.ii-page{width:100%;min-width:100%;max-width:100%;padding-top:var(--space-2);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);overflow-x:hidden;box-sizing:border-box}.ii-hero{display:flex;flex-direction:column;gap:var(--space-3)}.ii-form{display:flex;flex-direction:column;gap:var(--space-4)}.ii-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.quality-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--border-color),transparent 30%);background:#ffffff05}.segmented{display:inline-flex;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);border-radius:999px;padding:4px;background:#ffffff05}.segmented button{border:none;background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.segmented button.active{background:var(--accent-gradient);color:#05070d;box-shadow:var(--shadow-raised)}.ii-uploader,.ii-controls{display:flex;flex-direction:column;gap:var(--space-3)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-heading h3{margin:0;font-size:18px;letter-spacing:-.01em}.dropzone{position:relative;border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;color:var(--text-secondary);cursor:pointer;border:1px dashed color-mix(in srgb,var(--border-color),transparent 30%);background:radial-gradient(circle at 18% 12%,rgba(104,246,255,.08),transparent 55%),radial-gradient(circle at 90% 18%,rgba(122,123,255,.08),transparent 55%),linear-gradient(135deg,#ffffff0a,#ffffff03);overflow:hidden;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.dropzone:hover{border-color:var(--field-border-active);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 18px 44px #00000038}.dropzone input{display:none}.drop-inner{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;min-height:120px}.dropzone.has-file{background:linear-gradient(120deg,#68f6ff14,#7a7bff0d);border-style:solid}.upload-stack{display:flex;flex-direction:column;gap:var(--space-3)}.upload-preview{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);padding:var(--space-2);background:#ffffff08}.upload-preview.inline{display:flex;flex-direction:column;gap:var(--space-2)}.upload-preview.inline img{width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-md)}.upload-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.upload-meta{display:flex;flex-direction:column;gap:var(--space-2)}.hint-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;color:var(--text-muted)}.control-card{border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);border-radius:var(--radius-lg);padding:var(--space-3);background:#ffffff05;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-3)}.control-card textarea{border-radius:var(--radius-md);min-height:120px}.advanced-desc{margin-top:var(--space-1);color:var(--text-secondary);font-size:14px}.prompt-stack{display:flex;flex-direction:column;gap:var(--space-3)}.live-panel{width:min(720px,96vw);background:radial-gradient(circle at 20% 20%,rgba(108,104,255,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(34,201,255,.1),transparent 45%),#0e121ce6;border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:0 16px 42px #00000059;position:relative;overflow:hidden}.live-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}[data-theme=light] .progress-shell{background:color-mix(in srgb,var(--border-color),transparent 80%)}.progress-big{font-size:42px;font-weight:800;letter-spacing:-.03em}.eta-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-size:14px;text-align:center}.glass-preview img{width:100%;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 40%)}.alert{margin:var(--space-2) 0;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);color:var(--text-primary)}.modal-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;width:min(720px,96vw)}.overlay-loading .modal-card{background:#0e121cf2}[data-theme=light] .overlay-loading .modal-card{background:linear-gradient(135deg,#fdfefe,#eef3ff);color:#0f1729;border:1px solid #dfe6f0;box-shadow:0 24px 50px #0f172926}.overlay-error .modal-card{background:#14080af0;border:1px solid color-mix(in srgb,#ff7b7b,transparent 30%);box-shadow:0 18px 52px #0006}.error-icon{width:64px;height:64px;border-radius:50%;border:2px solid #ff9f9f;display:grid;place-items:center;color:#ffdede;font-weight:800;font-size:28px;box-shadow:0 0 22px #ff787840}.error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.pill-button.ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--border-color),transparent 50%)}.center{text-align:center}.prompt-card{gap:var(--space-2)}.prompt-card .pill-button{white-space:nowrap}.preset-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.preset-label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-weight:700}.preset-select{min-width:220px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:linear-gradient(135deg,#ffffff14,#ffffff05);padding:10px 14px;color:var(--text-primary);font-weight:700;letter-spacing:-.01em;box-shadow:var(--shadow-soft)}.ii-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.select-control{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);padding-right:44px;padding-left:16px;min-height:46px;color:var(--text-primary);font-weight:700;letter-spacing:-.01em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(135deg,#ffffff0f,#ffffff05),url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:cover,16px;box-shadow:0 12px 24px #0000001f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}[data-theme=light] .select-control{background:linear-gradient(135deg,#ffffffd9,#f5f8ffb3);border:1px solid #e3e8f0;box-shadow:0 10px 20px #00000014;color:var(--text-primary);background-image:linear-gradient(135deg,#ffffffd9,#f5f8ffb3),url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%2318273a' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select-control option{color:#f8fbff;background:#0c1426}[data-theme=light] .select-control option{color:#0f1729;background:#fff}.compare-panel{margin-top:var(--space-1);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);background:radial-gradient(circle at 20% 10%,rgba(104,246,255,.04),transparent 55%),radial-gradient(circle at 80% 0%,rgba(122,123,255,.04),transparent 50%),#ffffff03}.compare-panel.modern{border-radius:var(--radius-xl)}.compare-column{border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);border-radius:var(--radius-lg);padding:var(--space-3);background:#ffffff05;box-shadow:var(--shadow-soft)}.compare-label{font-weight:700;margin-bottom:var(--space-2)}.compare-img{width:100%;border-radius:var(--radius-md);background:#050810;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);max-height:420px;object-fit:contain}[data-theme=light] .compare-img{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%)}.compare-placeholder{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);border:1px dashed color-mix(in srgb,var(--border-color),transparent 40%);border-radius:var(--radius-md);background:#ffffff08;padding:var(--space-3)}.result-panel{display:flex;flex-direction:column;gap:var(--space-3)}.result-panel .result-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.preview{width:100%;border-radius:var(--radius-lg);object-fit:contain;max-height:460px;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:#050810;box-shadow:var(--shadow-soft)}[data-theme=light] .preview{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 18px 32px #1119291f}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(108,104,255,.08),transparent 45%),radial-gradient(circle at 70% 10%,rgba(34,201,255,.08),transparent 45%),#06080ebf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .overlay{background:radial-gradient(circle at 20% 20%,rgba(255,159,108,.12),transparent 45%),radial-gradient(circle at 70% 10%,rgba(255,206,115,.12),transparent 45%),#ffffffd9}.live-panel,.modal-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;width:min(720px,96vw)}.live-panel{background:radial-gradient(circle at 20% 20%,rgba(108,104,255,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(34,201,255,.1),transparent 45%),#0e121ce6;border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:0 16px 42px #00000059}[data-theme=light] .live-panel{background:radial-gradient(circle at 20% 20%,rgba(255,159,108,.12),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,206,115,.1),transparent 45%),#fffffff2;border-color:color-mix(in srgb,var(--border-color),transparent 55%);box-shadow:0 14px 36px #0f17292e}.live-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 40%);opacity:.6;pointer-events:none;transform:translate(-20%);animation:sweep 3s linear infinite}.progress-shell{margin-top:var(--space-3);width:min(520px,100%);height:14px;border-radius:999px;background:color-mix(in srgb,var(--border-color),transparent 60%);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%)}.progress-big{font-size:28px;font-weight:800;color:var(--text-primary);margin-top:var(--space-2)}.progress-bar{height:100%;background:linear-gradient(90deg,#7fffd4,#5de2ff,#9f7bff);box-shadow:0 0 12px #9f7bff73;border-radius:999px;transition:width .18s ease-out}.eta-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-size:14px;text-align:center;width:100%}.glass-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffff08;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%)}.glass-preview.large img{max-height:420px;object-fit:contain;width:100%}.alert{margin-top:var(--space-2);padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);color:var(--text-primary)}.alert.error{border-color:#ffb4b4;background:#ffb4b414;color:#ffdede}@keyframes sweep{0%{transform:translate(-30%)}to{transform:translate(30%)}}@media (max-width: 720px){.ii-actions{flex-direction:column;align-items:stretch}.status-chip{width:100%;justify-content:space-between}}.horoscope-page{--horo-header-offset: calc(var(--header-height, 76px) + 12px);--horo-footer-offset: 80px;--horo-card-width: clamp(320px, 88vw, 520px);--horo-card-aspect: 4 / 5;width:100%;min-width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-3);color:var(--text-primary);overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.horoscope-hero{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 12% 14%,rgba(124,93,255,.14),transparent 40%),radial-gradient(circle at 80% 10%,rgba(93,226,255,.12),transparent 45%),var(--hero-surface, #0b1224);isolation:isolate}.horo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.12),transparent 38%),radial-gradient(circle at 70% 8%,rgba(0,0,0,.4),transparent 50%),linear-gradient(120deg,#05070f8c,#05070f0d);-webkit-mask-image:radial-gradient(circle at 40% 40%,rgba(255,255,255,.18),transparent 52%);mask-image:radial-gradient(circle at 40% 40%,rgba(255,255,255,.18),transparent 52%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);max-width:820px;color:var(--text-primary)}.hero-content h1,.hero-content h2,.hero-content h3,.hero-content .lede{color:var(--text-primary)}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--horo-accent, #9f7bff),transparent 15%)}[data-theme=light] .hero-kicker{color:color-mix(in srgb,var(--horo-accent, #ff9f6c),transparent 30%)}[data-theme=light] .horoscope-hero{background:radial-gradient(circle at 14% 16%,rgba(255,159,108,.2),transparent 42%),radial-gradient(circle at 82% 12%,rgba(255,206,115,.2),transparent 48%),linear-gradient(135deg,#f6f8ff,#fff);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 18px 36px #0f172924}[data-theme=light] .horo-overlay{background:radial-gradient(circle at 18% 12%,rgba(255,206,115,.12),transparent 42%),radial-gradient(circle at 70% 8%,rgba(255,159,108,.12),transparent 50%),linear-gradient(120deg,#ffffffb8,#ffffff80)}[data-theme=light] .horoscope-page .hero-content{color:#fff;text-shadow:0 2px 8px rgba(15,23,41,.35)}[data-theme=light] .page-desc,[data-theme=light] .page-title{color:var(--text-primary)}[data-theme=light] .horoscope-page .page-desc,[data-theme=light] .horoscope-page .page-title,[data-theme=light] .horoscope-page .hero-kicker{color:#fff}[data-theme=light] .horoscope-page .image-overlay,[data-theme=light] .horoscope-page .overlay-text,[data-theme=light] .horoscope-page .overlay-sub,[data-theme=light] .horoscope-page .overlay-chip,[data-theme=light] .horoscope-page .result-text-block,[data-theme=light] .horoscope-page .bubble,[data-theme=light] .horoscope-page .sign-chip,[data-theme=light] .horoscope-page .visual-card,[data-theme=light] .horoscope-page .result-visual{color:#fff!important;text-shadow:0 0 10px rgba(0,0,0,.5)}.horo-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);align-items:end;position:relative;z-index:2}.horo-picker{background:#ffffff14;border:1px solid color-mix(in srgb,var(--horo-accent, var(--border-color)),transparent 40%);border-radius:var(--radius-lg);padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-width:200px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 40px #00000059;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}[data-theme=light] .horo-picker{background:#fffffff5;border-color:color-mix(in srgb,var(--horo-accent, var(--border-color)),transparent 60%);color:#0f1729}.picker-label{font-weight:700;color:color-mix(in srgb,var(--horo-accent, var(--text-primary)),transparent 30%)}.horo-picker input{width:100%;border:none;background:transparent;padding:6px 0;color:var(--text-primary);font-weight:700;font-size:16px;cursor:pointer;letter-spacing:-.01em;pointer-events:auto;background:#0000002e;border-radius:var(--radius-sm)}[data-theme=light] .horo-picker input{color:#0f1729;background:#ffffffd1}.horo-picker input::-webkit-calendar-picker-indicator{filter:invert(.9);cursor:pointer}.horo-picker input:focus{outline:none}.horo-picker-row{display:flex;gap:8px;align-items:center}.horo-picker input[type=text]{background:#0000002e;border-radius:var(--radius-sm);padding:10px 12px}[data-theme=light] .horo-picker input[type=text]{background:#ffffffe6;color:#0f1729}.picker-btn{border:1px solid var(--border-color);background:var(--pill-bg);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.picker-btn:hover{border-color:var(--field-border-active);background:color-mix(in srgb,var(--accent-start),transparent 70%)}.hidden-date-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:0;left:0}@media (max-width: 640px){.horo-inputs{grid-template-columns:1fr}.horo-picker{min-width:100%;padding:12px 14px}.horo-picker input{font-size:17px}.horoscope-hero{padding:var(--space-5)}}.sign-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid;background:#ffffff14;width:fit-content;font-weight:800;font-size:15px;letter-spacing:-.01em;box-shadow:0 10px 32px #00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;min-width:110px;justify-content:center;word-break:keep-all}[data-theme=light] .sign-chip{background:#fffffff2;color:#0f1729;box-shadow:0 12px 30px #0f17291f}.horo-panel{background:#ffffff05;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);box-shadow:var(--shadow-soft);padding:var(--space-4)}[data-theme=light] .horo-panel{background:#fff;border-color:#e3e8f0;box-shadow:0 18px 38px #0f172924}.horo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);align-items:stretch}.horo-card{border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(145deg,#ffffff0f,#ffffff05);display:flex;flex-direction:column;gap:var(--space-2);min-height:180px;color:var(--text-primary);box-shadow:0 20px 50px #00000047;width:min(420px,90vw);margin:0 auto}[data-theme=light] .horo-card{background:linear-gradient(135deg,#fffffff5,#f1f6ffe6)}.horo-text{display:flex;flex-direction:column;gap:var(--space-3)}.bubble{border-radius:var(--radius-lg);padding:14px 16px;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:#ffffff14;box-shadow:0 10px 28px #0000002e}[data-theme=light] .bubble{background:#fffffff5;border-color:color-mix(in srgb,var(--border-color),transparent 60%)}.bubble p{margin:6px 0;line-height:1.6}.placeholder{color:var(--text-secondary)}.placeholder.error{color:#ffb4b4}.tiny{font-size:12px}.visual-card{position:relative;background:#ffffff05;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);min-height:240px;max-width:min(420px,90vw);width:100%;margin:0 auto}.capture-card{background:transparent;border:none;box-shadow:none;border-radius:32px;padding:0}[data-theme=light] .capture-card{background:transparent;border:none;color:#f8fbff;box-shadow:none;border-radius:32px}.capture-card .image-frame{border:none;background:transparent;box-shadow:none;border-radius:32px;overflow:hidden;aspect-ratio:3 / 4;max-width:520px}.capture-card .image-frame img{width:100%;height:100%;object-fit:cover}[data-theme=light] .capture-card .image-frame{border:none;border-radius:32px}.capture-mode,[data-theme=light] .capture-mode{background:transparent!important;border:none!important;color:#f8fbff!important;border-radius:32px!important}.capture-mode *{box-shadow:none!important;border-color:inherit!important}.capture-mode .image-frame,[data-theme=light] .capture-mode .image-frame{background:transparent!important;border:none!important;border-radius:32px!important;aspect-ratio:3 / 4!important}.capture-mode .result-head,[data-theme=light] .capture-mode .result-head,.capture-mode .result-actions{display:none!important}.capture-mode .sign-chip,.capture-mode .overlay-chip,[data-theme=light] .capture-mode .sign-chip,[data-theme=light] .capture-mode .overlay-chip{background:transparent!important;border:none!important;color:#f8fbff!important;border-radius:0!important;text-shadow:0 0 10px rgba(0,0,0,.5)!important}.capture-mode .overlay-sub,.capture-mode .overlay-text,.capture-mode .overlay-title{color:inherit!important}.capture-mode .image-overlay,[data-theme=light] .capture-mode .image-overlay{background:linear-gradient(180deg,#00000005,#0003 65%)!important}.visual-card .image-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:#050810;box-shadow:var(--shadow-soft);position:relative;aspect-ratio:4 / 5;min-height:280px}[data-theme=light] .visual-card .image-frame{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 18px 32px #1119291f}.result-card{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:var(--horo-card-width);margin:0 auto;padding:0;box-sizing:border-box;background:#0c1220;border:1px solid color-mix(in srgb,var(--border-color),transparent 40%);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);align-items:center;backface-visibility:hidden;transform:translateZ(0)}[data-theme=light] .result-card{background:#fff;border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);color:var(--text-primary)}[data-theme=light] .result-card,[data-theme=light] .result-card *{color:var(--text-primary)}.result-card>*{width:100%}.result-card .result-head,.result-card .result-actions,.result-card .share-block{padding:0 var(--space-3);box-sizing:border-box}.result-card .result-actions{padding:var(--space-2) var(--space-3)}.result-card .share-block{padding:0 var(--space-3) var(--space-3)}.result-head{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);text-align:center;color:#f6f8ff;padding:14px 16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid color-mix(in srgb,var(--border-color),transparent 60%);width:100%;box-sizing:border-box}.horoscope-page .result-head .muted,.horoscope-page .result-head strong{color:#f6f8ff}[data-theme=light] .horoscope-page .result-head .muted,[data-theme=light] .horoscope-page .result-head strong{color:#0f1729;text-shadow:none}[data-theme=light] .horoscope-page .result-title,[data-theme=light] .horoscope-page .result-title .muted,[data-theme=light] .horoscope-page .result-title strong,[data-theme=light] .horoscope-page .overlay-result .muted,[data-theme=light] .horoscope-page .overlay-result strong{color:#0f1729}.result-title{align-items:center;text-align:center;width:100%}.result-head .pill{margin:0}.actions-top{display:none}.result-title{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;width:100%}.horoscope-page .overlay-loading .live-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.horoscope-page .overlay-loading .live-header .pill{align-self:center}.result-meta{display:flex;flex-direction:column;gap:4px}.result-visual{position:relative;width:100%;max-width:var(--horo-card-width);margin:var(--space-2) auto 0;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;transform:translateZ(0)}.result-card .result-visual{width:100%;max-width:var(--horo-card-width);margin:var(--space-2) auto 0}[data-theme=light] .horoscope-page .result-visual{margin:var(--space-2) auto 0}.visual-card img{width:100%;height:100%;display:block;object-fit:cover}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:12px 16px 18px;background:linear-gradient(180deg,#0000,#0000000a 35%,#00000014);mix-blend-mode:screen;color:#f8fbff;pointer-events:none;border-radius:var(--radius-lg);overflow:hidden;box-sizing:border-box;min-height:0;width:100%;max-width:var(--horo-card-width)}[data-theme=light] .image-overlay{background:linear-gradient(180deg,#fff0,#ffffff1f 40%,#ffffff38);mix-blend-mode:normal;color:var(--text-primary)}.overlay-title{font-weight:800;font-size:18px;letter-spacing:-.02em}.overlay-sub{font-size:13px;opacity:.9}.overlay-text{margin-top:14px;margin-bottom:6px;flex:0 0 auto;font-size:14px;line-height:1.5;max-width:100%;color:#f8fbff;text-shadow:0 0 12px rgba(0,0,0,.35);max-height:min(380px,50vh);overflow-y:auto;overflow-x:hidden;padding:4px 0 12px;box-sizing:border-box;width:100%;white-space:pre-wrap;word-break:break-word;min-height:0;pointer-events:auto}.capture-mode .overlay-text{color:inherit!important;margin-top:16px!important;margin-bottom:10px!important}@media (max-width: 640px){.visual-card .image-frame{aspect-ratio:3 / 4;min-height:240px}.overlay-text{max-height:50%}}[data-theme=light] .overlay-text{color:var(--text-primary);text-shadow:none}.overlay-title,.overlay-sub{color:#f8fbff}[data-theme=light] .overlay-title,[data-theme=light] .overlay-sub{color:var(--text-primary);text-shadow:none}.overlay-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border-radius:0;background:transparent;color:#f8fbff;font-weight:800;letter-spacing:-.01em;line-height:1.2;font-size:14px;width:fit-content;text-shadow:0 0 10px rgba(0,0,0,.5);white-space:nowrap}[data-theme=light] .overlay-chip{background:transparent;color:var(--text-primary);text-shadow:none}.horoscope-page .result-actions{display:flex;flex-direction:column;gap:var(--space-2);justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin-top:var(--space-2);width:100%;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--border-color),transparent 12%)}.horoscope-page .result-actions .action-row{display:flex;gap:var(--space-2);justify-content:center;width:100%}.horoscope-page .result-actions .primary{padding:10px 18px;font-size:14px;min-height:42px;min-width:150px}.horoscope-page .result-actions .pill-button.ghost{padding:10px 14px;border-radius:12px}.horoscope-page .result-actions.compact{gap:var(--space-2);justify-content:center;align-items:center;border-top:none;padding-top:0;margin-top:var(--space-1)}.share-block{display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:520px;width:100%;align-items:center}.share-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.horoscope-page .share-row .pill-button.ghost{background:#ffffff14;color:#e5e7f0;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%)}[data-theme=light] .horoscope-page .share-row .pill-button.ghost{background:#fff;color:#0f1729;border-color:#0f1729;box-shadow:0 6px 18px #0f17291f}.share-title{font-weight:700;letter-spacing:.02em}.horoscope-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:16px;background:#06080ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.horoscope-page .overlay.with-header-offset{padding-top:var(--horo-header-offset);padding-bottom:calc(var(--horo-footer-offset) + 12px)}.horoscope-page .overlay.overlay-result{align-items:center;justify-content:center}[data-theme=light] .horoscope-page .overlay{background:#ffffffeb}.horoscope-page .modal-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;width:var(--horo-card-width);max-width:var(--horo-card-width);max-height:calc(100vh - var(--horo-header-offset) - var(--horo-footer-offset) - 16px);background:transparent;padding:var(--space-3);border-radius:var(--radius-xl);border:none;box-shadow:none;overflow:auto;margin-top:var(--horo-header-offset);margin-bottom:var(--horo-footer-offset)}[data-theme=light] .horoscope-page .modal-card{background:transparent;color:#0f1729;box-shadow:none}.overlay-result .modal-card{align-items:center;width:100%;max-width:var(--horo-card-width);margin:0 auto;padding:0;background:transparent}.overlay-result .result-flyout{align-items:stretch;gap:var(--space-4);padding:var(--space-3)}.horoscope-page .overlay-result .result-flyout{width:min(100%,var(--horo-card-width) + var(--space-3) * 2);max-width:calc(var(--horo-card-width) + var(--space-3) * 2);max-height:calc(100vh - var(--horo-header-offset) - var(--horo-footer-offset) - 12px);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border-color),transparent 35%);box-shadow:var(--shadow-soft);background:#0c1220;overflow:auto;margin:0 auto;align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-3)}[data-theme=light] .horoscope-page .overlay-result .result-flyout{background:transparent;color:var(--text-primary)}[data-theme=light] .horoscope-page .overlay-result .result-flyout,[data-theme=light] .horoscope-page .overlay-result .result-flyout *{color:var(--text-primary)}.centered-flyout{width:100%;max-width:var(--horo-card-width);margin:0 auto}.centered-flyout img{display:block;margin:0 auto}.horoscope-page .image-frame{position:relative;width:100%;max-width:var(--horo-card-width);margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:none!important;box-shadow:none!important;background:transparent!important;outline:none;aspect-ratio:var(--horo-card-aspect)}.horoscope-page .result-visual .image-frame,.horoscope-page .overlay-result .image-frame,.horoscope-page .centered-flyout .image-frame{border:none!important;box-shadow:none!important;background:transparent!important}.horoscope-page .image-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.flyout-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-2);text-align:center;position:relative;padding:var(--space-2) var(--space-4) var(--space-1)}.flyout-meta .pill{margin:0 auto}.overlay-result .result-flyout .result-actions{align-items:flex-start}.overlay-text::-webkit-scrollbar{width:6px}.overlay-text::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}[data-theme=light] .overlay-text::-webkit-scrollbar-thumb{background:#0003}.result-text-block{display:flex;flex-direction:column;gap:8px;background:#ffffff0d;border:1px solid color-mix(in srgb,var(--border-color),transparent 24%);border-radius:var(--radius-md);padding:12px 14px;box-shadow:0 10px 26px #00000038}.result-text-block p{margin:0;line-height:1.6}.result-text-block .muted{display:block}.panel-title{margin:2px 0 0}.panel-meta{display:flex;flex-direction:column;gap:6px}.panel-inline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pill.soft{background:#ffffff1f;color:#f8fbff;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);font-weight:700}[data-theme=light] .pill.soft{background:#0f17290f;color:#0f1729;border:1px solid #e3e8f0}.horo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#03050ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-surface{background:#101218f0;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);padding:var(--space-4);width:min(520px,96vw);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 20px 50px #00000059}[data-theme=light] .modal-surface{background:#fffffffa}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}@keyframes fly-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.horoscope-hero{padding:var(--space-5)}.hero-content{max-width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ti-progress{0%{transform:translate(-30%)}50%{transform:translate(40%)}to{transform:translate(120%)}}.result-card .result-actions{display:flex;flex-direction:column;gap:var(--space-2)}.result-card .result-actions .primary{min-width:150px;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,#7fffd4,#5de2ff);color:#0b1220;font-weight:800;letter-spacing:-.01em;box-shadow:0 10px 30px #5de2ff40;border:none}.result-card .result-actions .pill-button.ghost,.result-card .share-block .pill-button{padding:12px 18px;border-radius:999px;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--border-color),transparent 40%);color:var(--text-primary);font-weight:700;box-shadow:0 8px 20px #00000059}.result-card .share-block .pill-button.share-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px}.result-card .share-block .pill-button.share-btn .icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;opacity:.9}.result-card .result-actions .primary,.result-card .result-actions .pill-button,.result-card .share-block .pill-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.result-card .result-actions .primary .icon,.result-card .result-actions .pill-button .icon,.result-card .share-block .pill-button .icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px}.result-card .share-block{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;padding:0 var(--space-3) var(--space-3);box-sizing:border-box}.result-card .share-block .share-row{display:flex;gap:10px;justify-content:center;align-items:center}.result-card .share-block .muted.tiny{display:block;text-align:center;margin-bottom:6px;color:color-mix(in srgb,var(--text-primary),transparent 30%)}.horoscope-page .result-actions{align-items:center;justify-content:center}.horoscope-page .result-actions .action-row{justify-content:center}.horoscope-page .share-row{justify-content:center;align-items:center}.translate-page{width:100%;min-width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;padding-top:calc(var(--header-height, 76px) + var(--space-4));padding-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.tr-form{display:grid;gap:18px}.lang-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.label{font-weight:700;color:var(--text-primary)}.result-text{white-space:pre-wrap;color:var(--text-secondary);font-size:15px;line-height:1.6}.actions{display:flex;justify-content:flex-end}.showcase{position:relative;width:100%;min-width:100%;max-width:100%;display:flex;flex-direction:column;gap:36px;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(98,239,255,.8),transparent);border-radius:50%;filter:blur(1px)}.mouse-gradient{position:fixed;width:800px;height:800px;background:radial-gradient(circle,rgba(98,239,255,.15) 0%,rgba(126,123,255,.1) 30%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1;filter:blur(60px);mix-blend-mode:screen}.showcase-hero{position:relative;border-radius:36px;padding:40px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:linear-gradient(135deg,#0a0e1cf0,#080c16e6);box-shadow:0 40px 80px #0009;z-index:2;transform-style:preserve-3d}.showcase-hero:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.03);pointer-events:none}.showcase-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(98,239,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(126,123,255,.1) 0%,transparent 50%);opacity:.6;pointer-events:none;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:.6}50%{opacity:.8}}.hero-copy{max-width:540px}.hero-eyebrow{margin:0;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}.hero-copy h1{font-size:clamp(32px,5vw,52px);line-height:1.2;margin:16px 0 24px}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:28px}.stat-card{border-radius:18px;padding:18px;background:#ffffff0a;border:1px solid color-mix(in srgb,var(--border-color),transparent 15%);box-shadow:0 18px 36px #05070f73;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(98,239,255,.1) 0%,transparent 50%,rgba(126,123,255,.1) 100%);opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card strong{font-size:24px;font-weight:800;display:block;background:linear-gradient(135deg,#62efff,#7e7bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.hero-cta-btn{position:relative;overflow:hidden;z-index:1}.hero-cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff4d,#7e7bff4d);opacity:0;transition:opacity .3s;z-index:-1}.hero-cta-btn:hover:before{opacity:1}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(98,239,255,.5),transparent 70%);top:-100px;right:-60px}.orb-2{width:280px;height:280px;background:radial-gradient(circle,rgba(126,123,255,.4),transparent 70%);bottom:-80px;left:-40px}.orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,107,.3),transparent 70%);top:50%;left:10%;filter:blur(30px)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.showcase-card{position:relative;padding:24px;border-radius:24px;background:linear-gradient(150deg,#0c121ef5,#080c15e0);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);overflow:hidden;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.showcase-card:before{content:"";position:absolute;top:-20%;right:40%;bottom:40%;left:-20%;background:radial-gradient(circle,rgba(126,123,255,.25),transparent 70%);opacity:.8;pointer-events:none;transition:opacity .3s}.showcase-card:hover:before{opacity:1}.card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#62efff4d,#7e7bff4d,#62efff4d);z-index:-1;filter:blur(20px);opacity:0;transition:opacity .3s}.showcase-card:hover .card-glow{opacity:1}.showcase-card h3{margin:0 0 8px}.showcase-card p{margin:0;color:var(--text-secondary);line-height:1.6}.card-index{font-size:12px;letter-spacing:.2em;display:block;text-transform:uppercase;margin-bottom:12px;color:var(--muted)}.testimonial-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.quote-card{margin:0;padding:26px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:#ffffff08;box-shadow:0 25px 40px #05070f59;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.quote-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(98,239,255,.05) 0%,transparent 50%,rgba(126,123,255,.05) 100%);opacity:0;transition:opacity .3s}.quote-card:hover:before{opacity:1}.quote-card:after{content:""";
position: absolute;top:10px;left:10px;font-size:60px;color:#62efff1a;font-family:serif;line-height:1}.quote-card p{margin:0 0 16px;font-size:18px;line-height:1.6;position:relative;z-index:1}.quote-card span{color:var(--muted);position:relative;z-index:1}.demo-section{border-radius:30px;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:#00000040;padding:30px;box-shadow:0 30px 50px #0000008c;display:flex;flex-direction:column;gap:20px}.demo-switch{display:flex;flex-wrap:wrap;gap:10px}.demo-tab{border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:#ffffff0a;color:var(--text-secondary);padding:12px 18px;border-radius:999px;display:inline-flex;flex-direction:column;font-weight:600;min-width:110px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.demo-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff33,#7e7bff33);opacity:0;transition:opacity .3s}.demo-tab:hover:before{opacity:1}.demo-tab.active{background:var(--accent-gradient);color:#050a12;box-shadow:0 8px 24px #62efff66;transform:scale(1.05)}.active-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#62efff33;border:2px solid rgba(98,239,255,.5);z-index:-1}.demo-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.demo-name{font-size:16px}.demo-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:stretch}.demo-description{display:flex;flex-direction:column;gap:10px}.demo-description ul{margin:0;padding-left:18px;color:var(--text-secondary)}.media-wall{display:grid;grid-template-columns:1fr 1fr;gap:16px}.media-slot{border-radius:18px;border:1px dashed color-mix(in srgb,var(--border-color),transparent 30%);min-height:160px;display:flex;align-items:center;justify-content:center;background:#ffffff05;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2em;font-size:12px;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.media-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#62efff1a,#7e7bff1a);opacity:0;transition:opacity .3s}.media-slot:hover:before{opacity:1}.media-slot.video{background:linear-gradient(135deg,#7e7bff33,#05070f99);border-color:#7e7bff4d}.media-slot.video:hover{border-color:#7e7bff99;box-shadow:0 8px 32px #7e7bff4d}.media-slot.image{background:linear-gradient(135deg,#62efff40,#05070f99);border-color:#62efff4d}.media-slot.image:hover{border-color:#62efff99;box-shadow:0 8px 32px #62efff4d}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.showcase>*{transform-style:preserve-3d}.demo-preview,.demo-description{transform-style:preserve-3d}@media (max-width: 768px){.showcase-hero{padding:28px}.media-wall{grid-template-columns:1fr}.mouse-gradient{width:400px;height:400px}.particles-container{display:none}.orb-1,.orb-2,.orb-3{filter:blur(20px)}}.showcase-card,.stat-card,.quote-card,.media-slot{will-change:transform}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nova-page{min-height:100vh;padding:32px 24px 60px;background:radial-gradient(circle at 20% 20%,rgba(98,239,255,.15),transparent 55%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.12),transparent 50%),linear-gradient(120deg,#050816,#090f1f 70%);color:#f8fbff;display:flex;flex-direction:column;gap:32px}.nova-nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:20px;background:#05081699;border:1px solid rgba(255,255,255,.08);padding:14px 22px;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 35px #00000073}.nova-nav nav{display:flex;gap:18px}.nova-nav a{color:#ffffffb3;text-decoration:none}.nova-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;border-radius:36px;padding:38px;background:#0000004d;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 60px #00000073}.hero-text h1{font-size:clamp(36px,6vw,58px);line-height:1.2;margin:14px 0}.hero-video{min-height:320px;border-radius:28px;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative;background:linear-gradient(135deg,#4f46e5a6,#22d3ee59)}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em;color:#ffffffb3}.cta-row{display:flex;gap:12px;margin-top:18px}.ghost{border-radius:999px;padding:12px 18px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#f8fbff}.trusted-row{display:flex;align-items:center;gap:16px;color:#fff9}.logo-strip{display:flex;gap:24px;font-size:13px;text-transform:uppercase;letter-spacing:.15em}.nova-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.feature-card{border-radius:22px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-height:160px}.pulse-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#020617;color:#e2e8f0}.pulse-sidebar{padding:24px;border-right:1px solid rgba(148,163,184,.1);background:#020617e6;display:flex;flex-direction:column;gap:24px}.pulse-sidebar nav{display:flex;flex-direction:column;gap:12px}.pulse-sidebar button{background:transparent;border:1px solid transparent;color:inherit;text-align:left;padding:10px 14px;border-radius:12px}.pulse-sidebar button:hover{border-color:#4f46e566;background:#4f46e51a}.profile-card{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#0f172a99}.profile-card span{width:40px;height:40px;border-radius:12px;background:#4f46e54d;display:flex;align-items:center;justify-content:center;font-weight:700}.pulse-main{padding:32px;background:radial-gradient(circle at top,#0f172ab3,#020617f2)}.pulse-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-row button{margin-left:12px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:transparent;padding:8px 12px;color:inherit}.pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pulse-card{border-radius:22px;padding:18px;background:#0f172abf;border:1px solid rgba(59,130,246,.2);box-shadow:0 20px 30px #02061766}.pulse-card .pill{font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.3)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.card-footer button{border:none;background:#4f46e533;color:#cbd5f5;border-radius:10px;padding:8px 12px}.card-footer .live{color:#22d3ee}@media (max-width: 900px){.pulse-layout{grid-template-columns:1fr}.pulse-sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}}.orbit-shell{min-height:100vh;padding:32px;background:linear-gradient(140deg,#030509,#090f1f 60%,#0d1324);color:#f8fafc;display:flex;flex-direction:column;gap:32px}.orbit-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;border-radius:30px;padding:30px;border:1px solid rgba(255,255,255,.08);background:#080c18cc}.hero-panel{min-height:220px;border-radius:24px;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em}.orbit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.orbit-card{border-radius:26px;border:1px solid rgba(148,163,184,.25);min-height:180px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em}.orbit-card.tall{grid-row:span 2;min-height:360px}.reel-shell{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:28px;background:linear-gradient(120deg,#04060d,#060b18 65%,#0c1429);color:#e0e7ff}.reel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-radius:18px;border:1px solid rgba(96,165,250,.25);background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reel-body{display:grid;grid-template-columns:2fr 1fr;gap:24px}.reel-preview .preview-frame{border-radius:28px;border:1px solid rgba(59,130,246,.25);min-height:360px;background:radial-gradient(circle,#22d3ee40,#0f172ae6);display:flex;align-items:center;justify-content:center;letter-spacing:.2em;text-transform:uppercase}.reel-panel{border-radius:24px;padding:20px;border:1px solid rgba(251,191,36,.2);background:#0f172acc;display:flex;flex-direction:column;gap:14px}.reel-panel label{display:flex;flex-direction:column;gap:6px}.reel-panel input[type=range]{accent-color:#a855f7}.reel-panel textarea{border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#020617cc;color:inherit;padding:12px}.reel-history{display:flex;gap:12px;overflow-x:auto}.history-card{min-width:160px;padding:12px;border-radius:14px;border:1px solid rgba(96,165,250,.3);background:#0f172a99}@media (max-width: 900px){.reel-body{grid-template-columns:1fr}}.crystal-shell{min-height:100vh;padding:30px;background:radial-gradient(circle at 30% 20%,rgba(79,70,229,.2),transparent 60%),radial-gradient(circle at 70% 10%,rgba(34,211,238,.25),transparent 55%),linear-gradient(150deg,#05070f,#0a1120 70%);color:#f4f6ff;display:flex;flex-direction:column;gap:24px}.crystal-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;border-radius:32px;padding:32px;border:1px solid rgba(255,255,255,.08);background:#050712bf}.hero-media{border-radius:28px;border:1px dashed rgba(255,255,255,.4);min-height:240px;display:flex;align-items:center;justify-content:center;letter-spacing:.18em}.crystal-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.highlight-card{border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-align:center;text-transform:uppercase;letter-spacing:.2em}.theme-toggle{border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff0f,#ffffff05);color:var(--text-secondary);border-radius:14px;padding:8px 16px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-raised)}.theme-toggle:hover{border-color:var(--accent-soft);color:var(--text-primary);box-shadow:0 18px 32px #00000026}.theme-toggle .icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.theme-toggle .icon svg{width:100%;height:100%;fill:currentColor;opacity:.4;transition:opacity .2s ease,transform .2s ease}.theme-toggle[data-mode=dark] .icon.moon svg,.theme-toggle[data-mode=light] .icon.sun svg{opacity:1;transform:scale(1.05)}.toggle-label{font-size:13px}@media (max-width: 768px){.toggle-label{display:none}}.locale-picker{position:relative;min-width:120px;z-index:10050;overflow:visible}.locale-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-1);border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);padding:8px 14px;min-height:40px;background:#ffffff0a;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.locale-trigger svg{width:16px;height:16px;opacity:.6}.locale-picker.open .locale-trigger{border-color:var(--field-border-active);color:var(--text-primary);box-shadow:0 12px 24px #7a7bff4d}.locale-picker.open .locale-trigger svg{transform:rotate(180deg)}.locale-menu{position:fixed;min-width:200px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);padding:6px;box-shadow:0 22px 45px #1119282e;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;display:flex;flex-direction:column;gap:4px;z-index:100000;max-height:320px;overflow:auto}.locale-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.locale-option{border:none;background:transparent;color:var(--text-secondary);font-weight:600;border-radius:var(--radius-sm);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease,color .2s ease}.locale-option svg{width:18px;height:18px;opacity:.8}.locale-option[data-highlighted=true],.locale-option:hover{background:#ffffff14;color:var(--text-primary)}.locale-option[data-selected=true]{background:var(--accent-gradient);color:#0f1729}@media (max-width: 640px){.locale-picker{width:100%}.locale-menu{left:16px!important;right:16px!important;width:auto!important;min-width:auto!important;max-width:calc(100vw - 32px)!important}}.mobile-panel .locale-picker{width:100%}.mobile-panel .locale-menu{left:0;right:0;min-width:100%}.app-header{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:9999;width:100%;min-width:100%;max-width:100vw;border-bottom:1px solid color-mix(in srgb,var(--border-color),transparent 30%);background:color-mix(in srgb,var(--bg-panel),transparent 0%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #11192824;transition:box-shadow .3s ease;overflow:visible!important;margin:0;padding:0;transform:none!important;clip-path:none!important;isolation:isolate}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;z-index:0}.header-inner{position:relative;z-index:1;width:100%;max-width:var(--page-width);margin:0 auto;padding:14px var(--space-4);display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-3);align-items:center;box-sizing:border-box;overflow:visible!important;clip-path:none!important}.brand{display:flex;align-items:center;min-width:0}.brand-link{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:opacity .2s ease}.brand-link:hover{opacity:.8}.brand-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0}.brand-logo.light,[data-theme=light] .brand-logo.dark{display:none}[data-theme=light] .brand-logo.light{display:block}.brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.04em;color:var(--text-primary);white-space:nowrap}.brand-tagline{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.24em;white-space:nowrap}.nav{display:flex;align-items:center;gap:var(--space-2)}.nav-desktop{justify-content:center}.nav-link{padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;color:var(--text-secondary);transition:color .2s ease,background .2s ease,transform .2s ease;text-decoration:none;white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}.nav-link.active{background:var(--accent-gradient);color:#04060d;box-shadow:var(--shadow-raised);font-weight:700}.nav-link.active:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7a7bff66}.header-actions{display:inline-flex;align-items:center;gap:var(--space-2);justify-content:flex-end;position:relative;z-index:10000;overflow:visible}.action-inline{position:relative;overflow:visible;z-index:10050}.header-actions .pill-button.ghost.compact{padding:8px 12px;border-radius:12px}.inline-toggle{display:inline-flex;align-items:center}.action-inline{position:relative}.popover{position:absolute;top:calc(100% + 8px);right:0;padding:10px 12px;background:color-mix(in srgb,var(--bg-panel),transparent 0%);border:1px solid color-mix(in srgb,var(--border-color),transparent 20%);border-radius:12px;box-shadow:0 14px 34px #0000004d;z-index:10050;min-width:120px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .popover{background:#fffffff2;border:1px solid color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 12px 30px #00000026}.header-cta{white-space:nowrap}.menu-toggle{width:46px;height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color),transparent 10%);background:color-mix(in srgb,var(--bg-card),transparent 0%);color:var(--text-primary);display:none;flex-direction:column;justify-content:center;align-items:center;gap:0;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0;margin:0;position:relative}.menu-toggle:hover{background:color-mix(in srgb,var(--bg-card),rgba(255,255,255,.1))}.menu-toggle:active{transform:scale(.95)}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:999px;transition:transform .3s ease,opacity .3s ease;position:absolute}.menu-toggle span:nth-child(1){transform:translateY(-6px)}.menu-toggle span:nth-child(2){opacity:1;transform:translateY(0)}.menu-toggle span:nth-child(3){transform:translateY(6px)}.app-header.menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg) translateY(0)}.app-header.menu-open .menu-toggle span:nth-child(2){opacity:0;transform:translateY(0)}.app-header.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg) translateY(0)}.mobile-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);width:100%;max-width:var(--page-width);margin:0 auto;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);background:color-mix(in srgb,var(--bg-panel),transparent 0%);border-top:1px solid color-mix(in srgb,var(--border-color),transparent 20%);box-shadow:0 22px 45px #1119282e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-panel .nav{flex-direction:column;align-items:flex-start;gap:0}.nav-mobile a{width:100%;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--border-color),transparent 50%);font-weight:600;font-size:15px;transition:color .2s ease,padding-left .2s ease}.nav-mobile a:hover{color:var(--text-primary);padding-left:var(--space-2)}.nav-mobile a:last-child{border-bottom:none}.mobile-cta{width:100%;justify-content:center}.app-header.menu-open .mobile-panel{max-height:680px;opacity:1;pointer-events:auto;padding:var(--space-4)}@media (max-width: 1080px){.header-inner{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-3)}.nav-desktop{display:none}.header-actions{display:inline-flex;margin-left:auto}.brand{flex:1;min-width:0}.brand-link{gap:var(--space-2)}.brand-name{font-size:16px}.brand-tagline{font-size:10px}.menu-toggle{display:flex;margin-left:0;justify-self:flex-end}.mobile-panel .nav{align-items:stretch}.nav-mobile a{padding:14px 0}}@media (max-width: 640px){.header-inner{padding:10px var(--space-2)}.brand-logo{width:36px;height:36px}.brand-name{font-size:15px}.brand-tagline{display:none}.menu-toggle{width:40px;height:40px}.header-actions{gap:var(--space-1)}}.nav-link:focus-visible,.menu-toggle:focus-visible,.brand-link:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.nav-link,.menu-toggle,.mobile-panel{transition:none}}.app-shell{width:100%!important;min-width:100%!important;max-width:100vw!important;min-height:100vh;display:flex;flex-direction:column;position:static;overflow-x:hidden!important;overflow-y:visible!important;background:transparent;overscroll-behavior-x:none;transform:none!important;perspective:none!important;filter:none!important}.app-shell::-webkit-scrollbar{display:none}.app-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;max-width:100vw!important;min-width:100vw!important;z-index:0;pointer-events:none;overflow:hidden!important;clip-path:inset(0);margin:0!important;padding:0!important}.app-orb{position:absolute;width:42vw;height:42vw;max-width:600px;max-height:600px;border-radius:50%;filter:blur(18px);opacity:.55;transform:translateZ(0);animation:orbFloat 18s ease-in-out infinite alternate;will-change:transform}.orb-primary{top:-12%;right:-8%;background:radial-gradient(circle,rgba(104,246,255,.35),transparent 60%)}.orb-secondary{bottom:-22%;left:-18%;background:radial-gradient(circle,rgba(122,123,255,.32),transparent 65%);animation-duration:24s;animation-delay:1.5s}:root[data-theme=light] .orb-primary{background:radial-gradient(circle,rgba(255,206,115,.3),transparent 60%)}:root[data-theme=light] .orb-secondary{background:radial-gradient(circle,rgba(255,159,108,.28),transparent 65%)}.app-noise{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");opacity:.2;mix-blend-mode:screen;pointer-events:none}.app-main{position:relative;z-index:1;width:100%!important;min-width:100%!important;max-width:100vw!important;flex:1;display:flex;flex-direction:column;overflow-x:hidden!important;box-sizing:border-box;margin:0!important;padding:0!important;transform:none!important}.app-footer{position:relative;z-index:2;width:100%;min-width:100%;border-top:1px solid color-mix(in srgb,var(--border-color),transparent 20%);background:color-mix(in srgb,var(--bg-panel),transparent 0%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-secondary);font-size:14px;margin-top:auto}.footer-inner{width:100%;max-width:var(--page-width);margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);align-items:center;text-align:center;box-sizing:border-box}.footer-links{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:center}.footer-links a{color:inherit;font-weight:600;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.divider{opacity:.4;-webkit-user-select:none;user-select:none}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,-30px,0) scale(1.05)}}@media (max-width: 1080px){.app-orb{width:50vw;height:50vw}.orb-primary{top:-15%;right:-10%}.orb-secondary{bottom:-25%;left:-20%}}@media (max-width: 640px){.footer-inner{padding:var(--space-3);font-size:13px}.footer-links{flex-direction:column;gap:var(--space-1)}.app-orb{width:60vw;height:60vw;filter:blur(12px);opacity:.4}}@media (prefers-reduced-motion: reduce){.app-orb{animation:none}}.lunch-page{width:100%;min-width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-4);overflow-x:hidden;box-sizing:border-box}.lunch-hero{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(159,208,255,.12),transparent 32%),radial-gradient(circle at 80% 12%,rgba(255,221,171,.14),transparent 34%),linear-gradient(135deg,#0c1426,#12223f,#0c1426);box-shadow:0 18px 36px #05081073}[data-theme=light] .lunch-hero{background:radial-gradient(circle at 20% 20%,rgba(159,208,255,.18),transparent 30%),radial-gradient(circle at 80% 12%,rgba(255,206,115,.2),transparent 32%),linear-gradient(145deg,#fff3e6,#ffe9d4 55%,#f7f6ff);box-shadow:0 18px 40px #11192929}.lunch-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 16%,rgba(104,246,255,.18),transparent 45%),radial-gradient(circle at 82% 12%,rgba(122,123,255,.15),transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);max-width:820px;color:#f8fbff}[data-theme=light] .hero-content{color:var(--text-primary)}.hero-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7}[data-theme=light] .hero-kicker{color:color-mix(in srgb,var(--text-muted),transparent 15%)}.hero-actions{display:flex;flex-direction:column;gap:var(--space-3)}.select-row{display:flex;flex-direction:column;gap:6px;max-width:240px}.picker-label{font-weight:700;color:var(--text-primary);font-size:.9rem;margin-bottom:var(--space-1)}.select-control{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);padding-right:44px;padding-left:16px;min-height:46px;color:var(--text-primary);font-weight:700;letter-spacing:-.01em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(135deg,#ffffff14,#ffffff05),url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:cover,16px;box-shadow:0 14px 30px #0000004d}.select-control:focus{border-color:var(--field-border-active);box-shadow:0 0 0 3px #7de2ff59;transform:translateY(-1px)}[data-theme=light] .select-control{background:#fff;border:1px solid rgba(15,23,41,.2);box-shadow:0 10px 20px #0f17291f;color:#1f2f3f;background-image:linear-gradient(135deg,#fff,#f2f5fb),url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l6 6 6-6' stroke='%23182841' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select-control option,[data-theme=light] .select-control option{color:#0f1729;background:#fff}[data-theme=dark] .select-control option,:not([data-theme=light]) .select-control option{color:#f8fbff;background:#0c1426}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lunch-panel{border-radius:var(--radius-xl);background:linear-gradient(145deg,#ffffff05,#ffffff0f);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px #0006;padding:var(--space-4)}[data-theme=light] .lunch-panel{background:linear-gradient(145deg,#fff,#f7f5ff);border-color:#e3e8f0}.lunch-card{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff0a,#ffffff14)}[data-theme=light] .lunch-card{background:linear-gradient(135deg,#fffffff5,#f1f6fff5);border:1px solid rgba(15,23,41,.12);color:var(--text-primary)}.lunch-visual{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.12);min-height:240px;background:#050810;box-shadow:var(--shadow-soft);position:relative;filter:brightness(1.05)}[data-theme=light] .lunch-visual{border-color:#0f17291f;background:#fff;box-shadow:0 18px 32px #1119291f;filter:brightness(1)}.lunch-visual img{width:100%;display:block;object-fit:cover;filter:brightness(1.08)}[data-theme=light] .lunch-visual img{filter:brightness(1.1)}.lunch-visual .image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(180deg,#00000005,#0003 60%);color:#fff;text-shadow:0 0 16px rgba(0,0,0,.6)}[data-theme=light] .lunch-visual .image-overlay{background:linear-gradient(180deg,#00000005,#0000004d 60%);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7),0 1px 6px rgba(0,0,0,.6),0 0 3px rgba(0,0,0,.5)}.image-overlay .overlay-chip{font-weight:800;letter-spacing:-.01em;text-shadow:0 0 10px rgba(0,0,0,.4);font-size:14px;color:#fff}.image-overlay .overlay-sub{font-size:14px;line-height:1.5;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.45)}.image-overlay .overlay-text{font-size:14px;line-height:1.5;text-shadow:0 0 12px rgba(0,0,0,.35)}.lunch-visual.skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;height:260px}.placeholder-card{padding:var(--space-5);text-align:center;color:var(--text-secondary);border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius-lg)}.result-actions.compact{justify-content:flex-end}.menu-pick-page .modal-card{width:min(720px,96vw);align-items:center;gap:var(--space-3)}.progress-shell{width:100%;height:16px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.12)}[data-theme=light] .progress-shell{background:#f2f5fb;border-color:#dfe6f0}.progress-bar{height:100%;background:linear-gradient(90deg,#7fffd4,#5de2ff,#9f7bff);box-shadow:0 0 12px #9f7bff73;border-radius:999px;transition:width .35s ease-out}.result-flyout{width:min(820px,96vw);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);animation:fly-in .35s ease-out}.flyout-meta{display:flex;justify-content:space-between;width:100%;align-items:center}.capture-card{background:transparent;border:none;box-shadow:none;border-radius:0;padding:0}.capture-mode{background:transparent!important;border:none!important;color:#f8fbff!important;border-radius:0!important}.capture-mode .result-head,.capture-mode .result-actions{display:none!important}.capture-mode .lunch-visual{border:none!important;box-shadow:none!important;filter:none!important}.capture-mode .lunch-visual img{filter:brightness(1.08)!important}.capture-mode .image-overlay{background:linear-gradient(180deg,#0000000d,#00000040 65%)!important;color:#fff!important}.capture-mode .overlay-chip,.capture-mode .overlay-text,.capture-mode .overlay-sub{text-shadow:0 0 12px rgba(0,0,0,.55)!important}.live-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.result-actions{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;align-items:center;flex-wrap:wrap;margin-top:var(--space-2);width:100%}.action-row.centered{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center;width:100%}.share-block{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.share-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.share-btn{border-color:#ffffff2e}.result-actions .primary,.result-actions .pill-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.result-actions .primary{padding:10px 18px;font-size:14px;min-height:42px}.pill-button.small{padding:10px 16px;min-height:42px;font-size:14px;font-weight:700}.slow-note{text-align:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animal-test-page{width:100%;min-width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-5);overflow-x:hidden;box-sizing:border-box}.animal-hero{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(126,226,255,.14),transparent 42%),radial-gradient(circle at 86% 8%,rgba(142,248,208,.12),transparent 50%),linear-gradient(135deg,#0b1224,#12304f,#0b1224);box-shadow:var(--shadow-soft);color:#f8fbff}[data-theme=light] .animal-hero{background:linear-gradient(135deg,#d8f3ff,#e6f4ff,#d8f3ff);color:#0f1729}.animal-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 24% 32%,rgba(255,255,255,.12),transparent 55%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 52%);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);max-width:100%;padding-right:0}.hero-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);width:100%;flex-wrap:wrap}.hero-title-row .page-title{flex:1;min-width:0;margin:0;line-height:1.2}.hero-content .page-visitor-badge{flex-shrink:0;margin-top:0;position:relative;top:0;right:0;transform:none}@media (max-width: 768px){.hero-title-row{flex-direction:column;gap:var(--space-3)}.hero-content .page-visitor-badge{align-self:flex-start;margin-top:var(--space-1)}}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7ce2ffd9}.page-title{margin:0}.progress-line{width:100%;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7de2ff,#8ef8d0);transition:width .25s ease}.progress-meta{display:flex;justify-content:flex-end;color:#f8fbffcc}.question-stage{display:flex;justify-content:center;padding:0 var(--space-3)}.question-card{width:min(860px,100%);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.35);background:#ffffff0a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=light] .question-card{background:#fff;border-color:#e3e8f0}.question-card h2{margin:0}.question-meta{display:flex;justify-content:flex-end;align-items:baseline;gap:var(--space-2)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2)}.option-btn{border:1px solid rgba(255,255,255,.35);background:#ffffff0a;color:var(--text-primary);border-radius:var(--radius-lg);padding:14px 16px;text-align:left;font-weight:700;letter-spacing:-.01em;transition:transform .18s ease,border-color .18s ease,background .18s ease}.option-btn:hover{border-color:#7de2ff99;transform:translateY(-1px);background:#7de2ff1f}[data-theme=light] .option-btn{background:#fff;border:1px solid rgba(33,150,243,.35);color:#0f1729;box-shadow:0 12px 30px #0f17291a}[data-theme=light] .option-btn:hover{border-color:#2196f3cc;background:#2196f314}.option-btn:active{transform:translateY(0)}.foot-row{display:flex;justify-content:flex-end;align-items:center}.overlay-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:3000;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=light] .overlay-loading{background:#ffffffd1}[data-theme=light] .overlay-loading .modal-card,[data-theme=light] .overlay-loading .modal-card *{color:#0f1729}.overlay-result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080ee6}.modal-card{background:#0f121bf2;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);padding:var(--space-5);width:min(480px,96vw);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 20px 60px #0006,0 8px 24px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay-result .pill-button,.overlay-result .primary{border-radius:999px;padding:12px 22px;background:linear-gradient(90deg,#1f2937,#111929);color:#f8fbff;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #0f172980;line-height:1.1}[data-theme=light] .overlay-result .pill-button,[data-theme=light] .overlay-result .primary{border-radius:999px;padding:12px 22px;background:linear-gradient(120deg,#fefefe,#dfe6f0);color:#0f1729;border:1px solid #e3e8f0;box-shadow:0 10px 24px #0f17291f}[data-theme=light] .overlay-result .primary{background:linear-gradient(90deg,#7fffd4,#5de2ff);color:#05070d;border:none}.live-header{display:flex;justify-content:flex-end;align-items:center}.progress-shell{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#7de2ff,#8ef8d0);transition:width .2s ease}.result-stage{padding:0 var(--space-3)}.result-card{width:min(980px,100%);margin:0 auto;padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#070b18,#0d1c3b 60%,#0a142c);box-shadow:0 45px 90px #050814bf,0 20px 40px #00000080;display:flex;flex-direction:column;gap:var(--space-5);color:#f8fbff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-card,.result-card *{color:inherit}[data-theme=light] .result-card .image-overlay,[data-theme=light] .result-card .image-overlay *{color:#fff!important}[data-theme=light] .result-card{background:linear-gradient(135deg,#fffffff5,#f1f6fff5);border:1px solid rgba(15,23,41,.12);color:var(--text-primary);box-shadow:0 26px 55px #1119282e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .result-card button,[data-theme=light] .result-card a{color:var(--text-primary)}[data-theme=light] .overlay-result .pill-button,[data-theme=light] .overlay-result .primary{color:#0f1729}.result-flyout{width:min(880px,96vw);max-height:min(90vh,760px);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);animation:fly-in .35s ease-out;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:#080a14f2;box-shadow:0 24px 60px #00000080,0 8px 24px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}[data-theme=light] .result-flyout{background:linear-gradient(135deg,#fdfefe,#eef3ff);border:1px solid #dfe6f0;box-shadow:0 24px 50px #0f172926;color:#0f1729}[data-theme=light] .result-flyout,[data-theme=light] .result-flyout *{color:#0f1729}.flyout-meta{display:flex;justify-content:flex-end;width:100%;align-items:center}.result-head{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.result-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);align-items:start}.result-image{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#050810;min-height:360px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 32px #0006,0 4px 12px #0000004d}[data-theme=light] .result-image{background:#fff;border-color:color-mix(in srgb,var(--border-color),transparent 40%);box-shadow:0 18px 32px #1119291f,0 4px 12px #11192914}.result-image img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.05) contrast(1.02)}[data-theme=light] .result-image img{filter:brightness(1) contrast(1)}.image-frame{position:relative;width:100%;height:100%}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px 12px 10px;background:linear-gradient(180deg,#0000004d,#0000008c,#000000bf 60%,#000000f2)!important;color:#f8fbff!important;text-shadow:0 4px 16px rgba(0,0,0,.95),0 2px 10px rgba(0,0,0,.9),0 1px 6px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.8)!important;box-sizing:border-box}.overlay-top,.overlay-bottom{display:flex;flex-direction:column;gap:6px}.overlay-top{margin-bottom:auto}.overlay-bottom{margin-top:auto;gap:4px;justify-content:flex-end;padding-bottom:2px}.overlay-title{font-weight:800;font-size:18px;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.95),0 3px 12px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.75)}.overlay-sub{font-size:13px;opacity:.95;color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.8)!important}.overlay-text{font-size:9px;line-height:1.3;margin:2px 0 0;padding-top:0;padding-bottom:0;max-height:none;overflow:visible;display:flex;flex-direction:column;gap:0;opacity:.95;letter-spacing:.02em;color:#f8fbfffa!important;text-shadow:0 3px 12px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.8)!important}.overlay-bg,.overlay-bg .muted.small{color:#fff}.overlay-env{font-size:14px;color:#f8fbff;opacity:.95;letter-spacing:.02em;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.9),0 1px 5px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.8)}.overlay-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-bottom:6px;justify-content:center;align-items:center}.overlay-chips .pill{border:none;background:transparent;box-shadow:none;padding:4px 12px}.overlay-chips .pill.trait-e,.overlay-chips .pill.trait-a{background:#ffffff40;color:#1d2f50;text-shadow:0 2px 8px rgba(0,0,0,.4);border-radius:999px;letter-spacing:.04em;font-weight:700}.overlay-chips .pill.subtle{background:linear-gradient(120deg,#7de2ff4d,#8ba7ff66);color:#f8fbff;letter-spacing:.02em;font-weight:700;border-radius:999px;box-shadow:0 6px 18px #1b5a9780,0 2px 8px #0000004d;text-shadow:0 1px 4px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.5)}[data-theme=light] .image-overlay,[data-theme=light] .result-card .image-overlay{background:linear-gradient(180deg,#00000040,#00000080 35%,#000000b3 65%,#000000e6)!important;color:#f8fbff!important;text-shadow:0 4px 16px rgba(0,0,0,.95),0 2px 10px rgba(0,0,0,.9),0 1px 6px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.8)!important}[data-theme=light] .result-image{border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 32px #0006,0 4px 12px #0000004d!important;background:#050810!important}.image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff14,#ffffff24,#ffffff14);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-lg)}.result-text{display:flex;flex-direction:column;gap:var(--space-2)}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.prompt-box{border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-lg);padding:var(--space-2);background:#ffffff05;font-size:13px;overflow-x:auto}.prompt-box code{white-space:pre-wrap}.card-download-status{margin-top:var(--space-2);font-size:13px;display:flex;gap:6px;align-items:center;justify-content:center;color:#f8fbffe6}.card-download-status.ready{color:#67e8f9}.card-download-status a{font-weight:700;color:#93c5fd}.card-download-toast{margin:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:#0f172ad9;border:1px solid rgba(255,255,255,.18);color:#f8fbff;font-weight:500;text-align:center}.card-download-toast.generating{background:#1e40afe6}.card-download-toast.ready{background:#10b981e6}.card-download-toast a{color:#f0f9ff;font-weight:700;margin-left:6px}.actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;justify-content:center;width:100%;margin-top:var(--space-4)}.actions.stacked{align-items:stretch;text-align:center;width:100%;gap:var(--space-3);margin-top:var(--space-4)}.result-actions .pill-button,.actions .pill-button,.overlay-result .pill-button{border-radius:999px;padding:12px 22px;background:linear-gradient(90deg,#1f2937,#111929);color:#f8fbff;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #0f172980;font-weight:700}.result-actions .primary,.actions .primary,.overlay-result .primary{border-radius:999px;padding:12px 22px;background:linear-gradient(90deg,#7fffd4,#5de2ff);color:#05070d;border:none;box-shadow:0 12px 30px #0006;font-weight:700}[data-theme=light] .result-actions .pill-button,[data-theme=light] .actions .pill-button,[data-theme=light] .overlay-result .pill-button{background:linear-gradient(90deg,#fefefe,#dfe6f0);color:#0f1729;border:1px solid #e3e8f0;box-shadow:0 10px 24px #0f17291f}[data-theme=light] .result-actions .primary,[data-theme=light] .actions .primary,[data-theme=light] .overlay-result .primary{background:linear-gradient(90deg,#7fffd4,#5de2ff);color:#05070d;border:none}.glass-preview{border-radius:var(--radius-lg);padding:var(--space-2);background:#ffffff0f;border:1px solid rgba(255,255,255,.35);width:100%}.glass-preview img{width:100%;border-radius:var(--radius-md)}.overlay-error .modal-card{max-width:420px}.alert.error{padding:10px 12px;border-radius:var(--radius-md);background:#ff5d5d1a;border:1px solid rgba(255,93,93,.4);color:#ffb4b4}@media (max-width: 640px){.animal-hero{padding:var(--space-5)}.option-grid,.result-body{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fly-in{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,36px);z-index:3000;background:#030409eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-result .result-flyout .result-body{overflow:visible}[data-theme=light] .overlay-result{background:#ffffffeb}.overlay-result .result-image img{filter:brightness(1.05) contrast(1.02)}[data-theme=light] .overlay-result .result-image img{filter:brightness(1) contrast(1)}.overlay-result .image-overlay,.overlay-result .image-overlay *{color:#f8fbff!important}.overlay-style{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,36px);z-index:3000;background:#05060eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .overlay-style{background:radial-gradient(circle at 20% 15%,#ffffffd9,#f6f9fff2 60%,#e6efffeb);border:1px solid rgba(15,23,41,.08)}.style-modal{width:min(900px,96vw);background:#0d1527;border-radius:var(--radius-xl);padding:clamp(var(--space-4),3vw,var(--space-6));box-shadow:0 42px 90px #020618d9;display:flex;flex-direction:column;gap:var(--space-4);color:#f8fbff;max-height:calc(100vh - 160px);overflow-y:auto}[data-theme=light] .style-modal{background:linear-gradient(145deg,#fefefe,#eef3ff);box-shadow:0 35px 70px #0f172926;color:#0f1729}.style-modal-head strong{display:block;font-size:22px;margin-bottom:4px}.style-modal-head p{margin:0;color:#f8fbffcc;line-height:1.5}[data-theme=light] .style-modal-head p{color:#0f1729bf}.style-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.style-option{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);background:#ffffff05;padding:calc(var(--space-3) + 4px);display:flex;flex-direction:column;gap:8px;text-align:left;color:inherit;transition:border .2s ease,transform .2s ease,box-shadow .2s ease}.style-option.active{border-color:#7fffd4b3;transform:translateY(-2px);box-shadow:0 24px 60px #050f2899}.style-option[data-style=storybook]{background:radial-gradient(circle at top left,#ffffff29,#ffffff05)}.style-option[data-style=cinematic]{background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 55%)}.style-option[data-style=adventure]{background:radial-gradient(circle at 30% 20%,rgba(125,226,255,.2),transparent 60%)}.style-option[data-style=watercolor]{background:radial-gradient(circle at bottom,#8ba7ff2e,#0d0f1f66)}[data-theme=light] .style-option{border-color:#0f172926;background:linear-gradient(160deg,#ffffffe6,#ebf0ffb3);box-shadow:inset 0 0 0 1px #0f17290f}[data-theme=light] .style-option.active{border-color:#0ea5e9cc;box-shadow:0 24px 60px #0f172940;transform:translateY(-2px)}.style-option-heading{font-weight:700;letter-spacing:.01em}.style-option-detail{font-size:14px;color:#f8fbffbf;line-height:1.4}[data-theme=light] .style-option-detail{color:#0f1729bf}.style-modal-actions{display:flex;justify-content:flex-end}.share-block{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch;text-align:center;padding:var(--space-3) 0;border-top:1px solid color-mix(in srgb,var(--border-color),transparent 50%);border-bottom:1px solid color-mix(in srgb,var(--border-color),transparent 50%);margin:var(--space-2) 0}[data-theme=light] .share-block{border-top-color:color-mix(in srgb,var(--border-color),transparent 60%);border-bottom-color:color-mix(in srgb,var(--border-color),transparent 60%)}.share-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);width:100%;max-width:500px;margin:0 auto}.share-row.inline{grid-template-columns:repeat(2,1fr)}.share-row.inline .share-btn{width:100%;min-width:0;padding:10px 16px;font-size:14px}.share-btn{border:1px solid rgba(255,255,255,.18)}[data-theme=light] .share-btn{border-color:#dfe6f0}.actions .primary,.actions .pill-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%}.actions .pill-button.ghost:last-child{margin-top:var(--space-2);width:100%;max-width:500px;margin-left:auto;margin-right:auto}.icon{display:inline-block;margin-right:6px;font-size:14px;line-height:1}.capture-mode{background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;padding:0!important}.capture-mode .result-head,.capture-mode .actions{display:none!important}.capture-mode .result-image{box-shadow:none!important;border:none!important}.capture-mode .image-overlay{background:linear-gradient(180deg,#00000014,#00000080)!important;color:#fff!important}.capture-mode .result-body{display:block!important;padding:0!important}.capture-mode .image-frame{height:100%!important}.capture-mode .result-image img{border-radius:0!important}.capture-mode .overlay-text,.capture-mode .overlay-title,.capture-mode .overlay-sub{text-shadow:0 0 12px rgba(0,0,0,.6)!important;color:#fff!important}@media (min-width: 768px){.actions .action-row,.share-row,.share-row.inline{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.actions .action-row,.share-row.inline{grid-template-columns:1fr}}.missile-game-page{min-height:100vh}.hero-content{text-align:center;margin-bottom:var(--space-6)}.hero-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.page-title{font-size:2.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1;min-width:0}.page-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.game-container{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.map-section{width:100%;order:1}.rankings-section{width:100%;order:2}.logs-section{width:100%;order:3}.rankings-section,.logs-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.rankings-section:hover,.logs-section:hover{box-shadow:0 12px 40px #68f6ff1a,inset 0 1px #ffffff26}.logs-section{max-height:500px}.logs-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-4) 0;color:var(--text-primary);text-align:center}.logs-list{width:100%;flex:1;overflow-y:auto;min-height:0}.no-logs{text-align:center;color:var(--text-muted);padding:var(--space-5)}.logs-container{display:flex;flex-direction:column;gap:var(--space-2)}.log-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease;animation:logSlideIn .3s ease-out}@keyframes logSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-item:hover{background:var(--bg-card);border-color:var(--accent-start);transform:translate(4px)}.log-flag{font-size:1.2rem;flex-shrink:0}.log-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.log-text{display:flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:var(--text-primary)}.log-from{font-weight:600;color:var(--accent-start)}.log-arrow{color:var(--text-secondary)}.log-to{font-weight:600;color:var(--accent-end)}.log-time{font-size:.75rem;color:var(--text-muted)}.map-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.map-section:hover{box-shadow:0 12px 40px #68f6ff1a,inset 0 1px #ffffff26}.map-wrapper{width:100%;min-height:600px;height:70vh;background:linear-gradient(135deg,#0d1222f2,#05070ffa);border-radius:var(--radius-md);overflow:hidden;position:relative;margin-bottom:var(--space-4);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;border:1px solid rgba(104,246,255,.2)}.map-zoom-controls{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;display:flex;flex-direction:column;gap:var(--space-2)}.zoom-btn{width:40px;height:40px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.zoom-btn:hover{background:var(--bg-card);border-color:var(--accent-start);transform:scale(1.05);box-shadow:0 6px 16px #68f6ff33}.zoom-btn.reset-btn{font-size:1.2rem}.world-map{width:100%;height:100%}.world-map svg{width:100%;height:100%}.world-map,.world-map svg{transition:none!important}.world-map g:not(.rsm-geographies){transition:none!important}:root{--map-land: rgba(70, 100, 140, .3);--map-stroke: rgba(100, 130, 170, .4);--map-land-hover: rgba(100, 130, 170, .4)}:root[data-theme=dark]{--map-land: rgba(70, 100, 140, .25);--map-stroke: rgba(100, 130, 170, .4);--map-land-hover: rgba(100, 130, 170, .35)}.world-map .rsm-geography{fill:var(--map-land)!important;stroke:var(--map-stroke)!important;outline:none;transition:fill .15s ease,transform .15s ease!important;transform-origin:center;cursor:pointer}.world-map .rsm-geography:not(.geography-selected):not(.geography-target):not(.geography-hit):hover{fill:var(--map-land-hover)!important;transform:scale(1.03) translateY(-3px)!important;filter:drop-shadow(0 4px 8px rgba(100,130,170,.5))!important;stroke:#7896be99!important;stroke-width:1.5!important;z-index:10}.world-map .rsm-geography.geography-hit:hover,.world-map .rsm-geography.geography-hit:active{transform:none!important;filter:none!important}.world-map .rsm-geography.geography-selected{fill:#68f6ff99!important;stroke:#68f6ff!important;stroke-width:2.5!important}.world-map .rsm-geography.geography-target{fill:#ff6b9d99!important;stroke:#ff6b9d!important;stroke-width:2.5!important}.world-map .rsm-geography.geography-hit{fill:var(--map-land)!important;stroke:var(--map-stroke)!important}.world-map .rsm-geography.geography-hit:not([data-hit="1"]){fill:var(--map-land)!important;stroke:var(--map-stroke)!important;filter:none!important;animation:none!important}.world-map .rsm-geography.geography-hit[data-hit="1"]{fill:rgba(255,68,68,var(--hit-a, .55))!important;stroke:#ff7878f2!important;stroke-width:var(--hit-w, 2)!important;filter:drop-shadow(0 0 10px rgba(255,68,68,var(--hit-glow, .6)))!important;animation:geographyHitPulse .4s ease-out!important;z-index:100!important}.world-map .rsm-geography.geography-hit[data-hit="1"].hit-normal{--hit-a: .5;--hit-glow: .55;--hit-w: 2}.world-map .rsm-geography.geography-hit[data-hit="1"].hit-medium{--hit-a: .65;--hit-glow: .75;--hit-w: 2.4}.world-map .rsm-geography.geography-hit[data-hit="1"].hit-large{--hit-a: .78;--hit-glow: .9;--hit-w: 2.8}.world-map .rsm-geography.geography-hit[data-hit="1"].hit-nuclear{--hit-a: .88;--hit-glow: .98;--hit-w: 3.2;filter:drop-shadow(0 0 16px rgba(255,68,68,.95)) drop-shadow(0 0 28px rgba(255,140,0,.65))}.missile-marker{pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,107,157,.9)) drop-shadow(0 0 16px rgba(255,107,157,.6));animation:markerPulse 2s ease-in-out infinite}.missile-dot{fill:#ff6b9d;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,107,157,1)) drop-shadow(0 0 12px rgba(255,107,157,.8));animation:dotPulse 1.5s ease-in-out infinite}@keyframes markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes dotPulse{0%,to{r:4;opacity:1}50%{r:5;opacity:.95}}.country-marker{cursor:pointer;transition:all .3s ease;position:relative}.country-marker:hover{transform:scale(1.15)}.country-tooltip{position:fixed!important;background:#0d1222fa;color:#fff!important;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid rgba(104,246,255,.4);box-shadow:0 6px 20px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000!important;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}[data-theme=light] .country-tooltip{background:#fffffffa;border:1px solid rgba(0,188,212,.4);box-shadow:0 6px 20px #0003;color:var(--text-primary)}.country-point{fill:var(--accent-start);stroke:var(--accent-end);stroke-width:.6;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(104,246,255,.5))}.country-point.selected{fill:#68f6ff;stroke:#fff;stroke-width:2;r:5;filter:drop-shadow(0 0 16px rgba(104,246,255,1)) drop-shadow(0 0 24px rgba(104,246,255,.6));animation:selectedPulse 2s ease-in-out infinite}.country-point.target{fill:#ff6b9d;stroke:#fff;stroke-width:2;r:5;filter:drop-shadow(0 0 16px rgba(255,107,157,1)) drop-shadow(0 0 24px rgba(255,107,157,.6));animation:targetPulse 2s ease-in-out infinite}.country-point.hit{fill:#f44;stroke:#fff;stroke-width:2.5;r:5;filter:drop-shadow(0 0 20px rgba(255,68,68,1)) drop-shadow(0 0 40px rgba(255,68,68,.6));animation:hitPulse 1.2s ease-out}@keyframes selectedPulse{0%,to{r:5;opacity:1}50%{r:6;opacity:.95}}@keyframes targetPulse{0%,to{r:5;opacity:1}50%{r:6;opacity:.95}}@keyframes hitPulse{0%{r:3;opacity:1;transform:scale(1)}25%{r:7;opacity:.9;transform:scale(1.4)}50%{r:6;opacity:.95;transform:scale(1.2)}75%{r:5.5;opacity:1;transform:scale(1.1)}to{r:5;opacity:1;transform:scale(1)}}@keyframes geographyHitPulse{0%{fill-opacity:.4;stroke-width:1.5;transform:scale(1)}25%{fill-opacity:.8;stroke-width:3.5;transform:scale(1.02)}50%{fill-opacity:.7;stroke-width:3;transform:scale(1.01)}75%{fill-opacity:.75;stroke-width:2.5;transform:scale(1.005)}to{fill-opacity:.65;stroke-width:2;transform:scale(1)}}.country-flag{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .3s ease}.country-marker:hover .country-flag{transform:scale(1.1)}.country-name{pointer-events:none;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));transition:all .3s ease}.country-marker:hover .country-name{fill:#68f6ff;filter:drop-shadow(0 0 6px rgba(104,246,255,.8))}.hits-badge-bg{fill:#ff6b9de6;stroke:#fffc;stroke-width:.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.country-hits{fill:#fff;font-weight:700;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.missile-animation{pointer-events:none;position:absolute;z-index:1000}.missile{fill:#ff6b9d;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(255,107,157,.9)) drop-shadow(0 0 12px rgba(255,107,157,.6));animation:missileGlow 1.5s ease-in-out infinite}.missile-trail{fill:#ff6b9d99;stroke:#ff6b9dcc;stroke-width:1;filter:blur(2px);opacity:.8;animation:trailFade .3s ease-out}.missile-marker[data-type=miss]{filter:drop-shadow(0 0 4px rgba(148,163,184,.6));opacity:.7}.missile-marker[data-type=miss] .missile{fill:#94a3b8;stroke:#64748b;stroke-width:1;filter:drop-shadow(0 0 3px rgba(148,163,184,.5))}.missile-marker[data-type=miss] .missile-trail{fill:#94a3b866;stroke:#64748b99;opacity:.6}.missile-marker.nuclear-missile,.missile-marker[data-type=nuclear]{filter:drop-shadow(0 0 20px rgba(255,215,0,.9)) drop-shadow(0 0 40px rgba(255,140,0,.7)) drop-shadow(0 0 60px rgba(255,69,0,.5));animation:nuclearPulse .5s ease-in-out infinite}.missile-marker[data-type=nuclear] .missile-dot{filter:drop-shadow(0 0 10px rgba(255,215,0,1)) drop-shadow(0 0 20px rgba(255,140,0,.8)) drop-shadow(0 0 30px rgba(255,69,0,.6));animation:nuclearGlow .3s ease-in-out infinite}@keyframes nuclearPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,215,0,.9)) drop-shadow(0 0 40px rgba(255,140,0,.7)) drop-shadow(0 0 60px rgba(255,69,0,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 60px rgba(255,140,0,.9)) drop-shadow(0 0 90px rgba(255,69,0,.7))}}@keyframes nuclearGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,1)) drop-shadow(0 0 20px rgba(255,140,0,.8)) drop-shadow(0 0 30px rgba(255,69,0,.6))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1)) drop-shadow(0 0 30px rgba(255,140,0,1)) drop-shadow(0 0 45px rgba(255,69,0,.9))}}@keyframes nuclearExplosion{0%{fill-opacity:.3;stroke-width:1;transform:scale(1)}25%{fill-opacity:.9;stroke-width:5;transform:scale(1.2)}50%{fill-opacity:.8;stroke-width:4;transform:scale(1.1)}to{fill-opacity:.6;stroke-width:3;transform:scale(1)}}@keyframes missileGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255,107,157,.9)) drop-shadow(0 0 12px rgba(255,107,157,.6))}50%{filter:drop-shadow(0 0 10px rgba(255,107,157,1)) drop-shadow(0 0 20px rgba(255,107,157,.8))}}@keyframes trailFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.controls{display:flex;flex-direction:column;gap:var(--space-3)}.selected-info,.target-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.selected-info .label,.target-info .label{color:var(--text-secondary);font-size:.9rem}.selected-info .value,.target-info .value{color:var(--text-primary);font-weight:600;font-size:1rem}.fire-button{padding:var(--space-4) var(--space-5);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-soft)}.fire-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-raised)}.fire-button:disabled{opacity:.5;cursor:not-allowed}.missile-type-selector{margin:var(--space-3) 0;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.missile-type-selector .label{display:block;margin-bottom:var(--space-2);font-size:.9rem;font-weight:600;color:var(--text-secondary)}.missile-type-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.missile-type-btn{flex:1;min-width:80px;padding:var(--space-2) var(--space-3);border:2px solid;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.missile-type-btn:hover{opacity:.8;transform:translateY(-1px)}.missile-type-btn.active{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.attack-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;animation:popupFadeIn .3s ease-out}.attack-popup-content{background:linear-gradient(135deg,#0d1222fa,#191e2dfa);border:2px solid var(--accent-start);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 8px 32px #00000080,0 0 40px #68f6ff4d;min-width:320px;max-width:90vw;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)}[data-theme=light] .attack-popup-content{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:2px solid rgba(122,123,255,.6);box-shadow:0 8px 32px #00000026,0 0 40px #7a7bff33;color:var(--text-primary)}.attack-popup-content.attack-failed{background:linear-gradient(135deg,#1e1e28fa,#14141efa);border:2px solid rgba(148,163,184,.5);box-shadow:0 8px 32px #00000080,0 0 40px #94a3b833}[data-theme=light] .attack-popup-content.attack-failed{background:linear-gradient(135deg,#f0f0f5fa,#e6e6ebfa);border:2px solid rgba(148,163,184,.4);box-shadow:0 8px 32px #00000026,0 0 40px #94a3b826}.attack-popup-icon{font-size:3rem;margin-bottom:var(--space-3);animation:popupBounce .5s ease-out}.attack-popup-title{font-size:1.5rem;font-weight:700;color:var(--accent-start);margin-bottom:var(--space-4);text-shadow:0 0 10px rgba(104,246,255,.5)}[data-theme=light] .attack-popup-title{color:#7a7bff;text-shadow:0 0 10px rgba(122,123,255,.3)}.attack-popup-details{display:flex;flex-direction:column;gap:var(--space-3)}.attack-popup-missile-type{font-size:1.1rem;font-weight:600;color:var(--text-primary);padding:var(--space-2) var(--space-4);background:#68f6ff1a;border-radius:var(--radius-md);border:1px solid rgba(104,246,255,.3)}[data-theme=light] .attack-popup-missile-type{background:#7a7bff1a;border:1px solid rgba(122,123,255,.3);color:var(--text-primary)}.attack-popup-countries{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:1rem;color:var(--text-primary)}.attack-popup-countries .arrow{font-size:1.5rem;color:var(--accent-start)}[data-theme=light] .attack-popup-countries .arrow{color:#7a7bff}.attack-popup-rank-change{font-size:1.2rem;font-weight:700;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);animation:rankChangePulse .5s ease-out}.attack-popup-rank-change.rank-up{color:#ff6b6b;background:#ff6b6b33;border:1px solid rgba(255,107,107,.5)}.attack-popup-rank-change.rank-down{color:#68f6ff;background:#68f6ff33;border:1px solid rgba(104,246,255,.5)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popupBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rankChangePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rankings-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-4) 0;color:var(--text-primary);text-align:center}.rankings-list{width:100%;flex:1;overflow-y:auto;min-height:0;max-height:500px}.no-rankings{text-align:center;color:var(--text-muted);padding:var(--space-5)}.rankings-table{width:100%;border-collapse:collapse}.rankings-table thead{position:sticky;top:0;z-index:2;background:var(--bg-card)}.rankings-table th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-primary);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-panel);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1}.rankings-table th:first-child{text-align:center;width:80px}.rankings-table th:last-child{text-align:right}.rankings-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s,transform .3s ease}.rankings-table tbody tr:hover{background:var(--bg-panel)}.rankings-table tbody tr.rank-changing{animation:rankShake .5s ease-in-out}.rankings-table tbody tr.rank-up{background:#ff6b6b1a}.rankings-table tbody tr.rank-down{background:#4dabf71a}@keyframes rankShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.rankings-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle}.rank-cell{font-weight:700;color:var(--accent-start);text-align:center;width:80px;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.rank-number{font-size:1rem}.rank-arrow{font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:2px;animation:arrowPulse .6s ease-in-out;white-space:nowrap}.rank-arrow.arrow-up{color:#ff6b6b}.rank-arrow.arrow-down{color:#4dabf7}@keyframes arrowPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.9}}.country-cell{font-weight:500}.hits-cell{text-align:right;font-weight:600;color:var(--accent-end)}[data-theme=light] .map-wrapper{background:linear-gradient(135deg,#e8f0f8,#f0f5fa)!important;border:1px solid rgba(122,123,255,.4)}[data-theme=light] .world-map svg{background:linear-gradient(135deg,#e8f0f8,#f0f5fa)!important}[data-theme=light] .continents .continent{fill:#6b72804d;stroke:#4b556380;stroke-width:.5}[data-theme=light] .continents .continent:hover{fill:#6b728066;stroke:#4b5563b3;stroke-width:.7}[data-theme=light] .country-name-bg{fill:#fffffff2;stroke:#7a7bff66}[data-theme=light] .country-marker:hover .country-name-bg{fill:#fff;stroke:#7a7bff99}[data-theme=light] .country-name{fill:var(--text-primary)}[data-theme=light] .country-marker:hover .country-name{fill:#7a7bff}[data-theme=light] .country-point{fill:#7a7bff;stroke:#fff}[data-theme=light] .country-point.selected{fill:#68f6ff;stroke:#0d182b}[data-theme=light] .country-point.target{fill:#ff6b9d;stroke:#0d182b}[data-theme=light] .hits-badge-bg{fill:#ff6b9df2;stroke:#ffffffe6}[data-theme=light] .country-hits{fill:#fff}[data-theme=light] .missile{fill:#ff6b9d;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(255,107,157,.9)) drop-shadow(0 0 12px rgba(255,107,157,.6))}[data-theme=light] .missile-trail{fill:#ff6b9d99;stroke:#ff6b9dcc}[data-theme=light] .missile-marker{filter:drop-shadow(0 0 8px rgba(255,107,157,.9)) drop-shadow(0 0 16px rgba(255,107,157,.6))}[data-theme=light] .missile-dot{fill:#ff6b9d;stroke:#fff;filter:drop-shadow(0 0 6px rgba(255,107,157,1)) drop-shadow(0 0 12px rgba(255,107,157,.8))}@media (max-width: 1024px){.rankings-section,.logs-section{max-height:none}.map-wrapper{min-height:500px;height:60vh}}@media (max-width: 768px){.missile-game-page{padding:calc(var(--app-header-h) + var(--space-4)) var(--space-3) var(--space-5)}.page-title{font-size:2rem}.hero-title-row{flex-direction:column;align-items:flex-start}.hero-content .page-visitor-badge{position:relative;top:0;right:0;transform:none}}:root{color-scheme:dark;font-family:Pretendard Variable,Inter,Spoqa Han Sans Neo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 40px;--page-width: 1160px;--header-height: 76px;--app-header-h: 76px;--bg-body: radial-gradient(circle at 15% 20%, #0d182b 0%, #050710 55%, #03040a 100%);--bg-card: rgba(13, 18, 34, .55);--bg-card-strong: rgba(255, 255, 255, .05);--bg-panel: rgba(7, 10, 18, .85);--text-primary: #f4f6ff;--text-secondary: #a5b8d9;--text-muted: #7e8ba7;--border-color: rgba(255, 255, 255, .08);--select-arrow: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--surface-soft: color-mix(in srgb, #ffffff, transparent 90%);--surface-strong: color-mix(in srgb, #ffffff, transparent 85%);--hero-surface: linear-gradient(135deg, rgba(5, 7, 15, .85), rgba(10, 13, 26, .9));--hero-panel: color-mix(in srgb, rgba(13, 18, 34, .9), transparent 0%);--hero-border: color-mix(in srgb, var(--border-color), transparent 10%);--accent-start: #68f6ff;--accent-end: #7a7bff;--accent-inner: #a2b3ff;--accent-strong: #88d6ff;--accent-soft: rgba(104, 246, 255, .65);--accent-gradient: linear-gradient(120deg, var(--accent-start), var(--accent-end));--accent-glare: linear-gradient(90deg, rgba(130, 227, 255, .35), rgba(122, 123, 255, .2));--shadow-soft: 0 30px 60px rgba(5, 7, 15, .55);--shadow-raised: 0 10px 30px rgba(104, 246, 255, .25);--field-bg: rgba(255, 255, 255, .02);--field-border: rgba(255, 255, 255, .24);--field-border-active: rgba(122, 123, 255, .8);--pill-bg: rgba(255, 255, 255, .08)}[data-theme=light]{color-scheme:light;--bg-body: radial-gradient(circle at 20% 0%, #f7faff 0%, #ecf2ff 40%, #e5edff 65%, #dee8ff 100%);--bg-card: rgba(255, 255, 255, .9);--bg-card-strong: rgba(17, 25, 40, .08);--bg-panel: rgba(255, 255, 255, .9);--text-primary: #0f1729;--text-secondary: #445275;--text-muted: #6c7898;--border-color: rgba(15, 23, 41, .12);--select-arrow: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%230f1729' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--surface-soft: color-mix(in srgb, #0f1729, transparent 90%);--surface-strong: color-mix(in srgb, #0f1729, transparent 85%);--hero-surface: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(241, 246, 255, .96));--hero-panel: color-mix(in srgb, rgba(255, 255, 255, .98), transparent 0%);--hero-border: color-mix(in srgb, var(--border-color), transparent 0%);--accent-start: #ff9f6c;--accent-end: #ffce73;--accent-inner: #f48f5c;--accent-strong: #e26b3f;--accent-soft: rgba(255, 159, 108, .65);--accent-gradient: linear-gradient(120deg, var(--accent-start), var(--accent-end));--accent-glare: linear-gradient(90deg, rgba(255, 159, 108, .35), rgba(255, 206, 115, .25));--shadow-soft: 0 26px 55px rgba(17, 25, 40, .18);--shadow-raised: 0 12px 28px rgba(255, 159, 108, .25);--field-bg: rgba(255, 255, 255, .96);--field-border: rgba(15, 23, 41, .16);--field-border-active: rgba(255, 159, 108, .8);--pill-bg: rgba(15, 23, 41, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;max-width:100vw;overflow-x:hidden!important;overflow-y:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;position:static;transform:none!important;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{width:100%!important;min-width:100%!important;max-width:100vw!important;min-height:100vh;margin:0!important;padding:0!important;padding-top:var(--app-header-h);background:var(--bg-body);background-attachment:fixed;background-size:cover;background-position:center;color:var(--text-primary);font-family:inherit;overflow-x:hidden!important;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:static;transform:none!important;overscroll-behavior-x:none;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body:before,body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;max-width:100vw!important;min-width:100vw!important;pointer-events:none;z-index:-2;clip-path:inset(0);margin:0!important;padding:0!important;transform:none!important}body:before{background:radial-gradient(circle at 15% 20%,rgba(104,246,255,.35),transparent 55%),radial-gradient(circle at 80% 0%,rgba(122,123,255,.25),transparent 60%),linear-gradient(120deg,#050810f2,#03040ad1);filter:blur(0px);animation:bgDrift 18s ease-in-out infinite alternate;will-change:transform}body:after{background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0V40' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23grid)'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:screen}:root[data-theme=light] body:before{background:radial-gradient(circle at 20% 10%,rgba(255,159,108,.24),transparent 45%),radial-gradient(circle at 80% 0%,rgba(255,206,115,.28),transparent 55%),linear-gradient(120deg,#ffffffeb,#f1f6ffeb)}:root[data-theme=light] body:after{background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0V40' stroke='rgba(15,23,41,0.06)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23grid)'/%3E%3C/svg%3E");opacity:.6;mix-blend-mode:multiply}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .2s ease}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);font-weight:800;line-height:1.2}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}main{width:100%!important;min-width:100%!important;max-width:100vw!important;position:relative;z-index:1;overflow-x:hidden!important;margin:0!important;padding:0!important}.page-frame{width:100%!important;max-width:min(var(--page-width),100vw)!important;margin:0 auto!important;padding:var(--space-7) var(--space-4) var(--space-8);display:flex;flex-direction:column;gap:var(--space-7);box-sizing:border-box;overflow-x:hidden!important;position:relative;left:0!important;right:0!important}.page-title{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.2}.page-desc{margin:var(--space-2) 0 var(--space-5);color:var(--text-secondary);max-width:640px;line-height:1.6}.panel{background:var(--bg-panel);border:1px solid color-mix(in srgb,var(--border-color),transparent 30%);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;box-shadow:var(--shadow-soft);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.03);pointer-events:none;z-index:0}.panel+.panel{margin-top:var(--space-5)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border-radius:999px;background:var(--pill-bg);color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.pill-button,.button-ghost{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);padding:8px 16px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;text-decoration:none}.pill-button:hover,.button-ghost:hover{border-color:var(--field-border-active);color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);border:none;padding:12px 20px;min-height:42px;line-height:1.2;font-weight:700;font-size:15px;cursor:pointer;background:var(--accent-gradient);color:#05070d;box-shadow:var(--shadow-raised);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none}.primary svg{width:18px;height:18px}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 35px #7a7bff59}.primary:not(:disabled):active{transform:translateY(0)}button,input,select,textarea{font-family:inherit;font-size:15px;line-height:1.5}input[type=text],input[type=number],input[type=file],select,textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--field-border);background:var(--field-bg);color:var(--text-primary);padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}select{padding-right:42px;background-image:linear-gradient(135deg,#ffffff14,#ffffff05),var(--select-arrow);background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:cover,16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select::-ms-expand{display:none}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--field-border-active);box-shadow:0 0 0 3px color-mix(in srgb,var(--field-border-active),transparent 60%);background:color-mix(in srgb,var(--field-bg),rgba(255,255,255,.02))}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}label{font-weight:600;color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-2);font-size:14px}.field-note{font-size:13px;color:var(--text-muted);line-height:1.5}.muted{color:var(--text-muted);font-size:14px}.actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}@keyframes bgDrift{0%{transform:translateZ(0)}to{transform:translate3d(20px,40px,0)}}@media (max-width: 768px){.page-frame{padding:var(--space-5) var(--space-3) var(--space-6);gap:var(--space-5)}.panel{padding:var(--space-4)}.actions{flex-direction:column}.actions>*{width:100%}}@media (max-width: 480px){.page-frame{padding:var(--space-4) var(--space-2) var(--space-5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#06080ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}[data-theme=light] .overlay{background:#ffffffeb}.modal-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:#0f121bf2;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);padding:var(--space-5);width:min(480px,96vw);box-shadow:0 20px 60px #0006,0 8px 24px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .modal-card{background:linear-gradient(135deg,#fdfefe,#eef3ff);color:#0f1729;border:1px solid #dfe6f0;box-shadow:0 24px 50px #0f172926}[data-theme=light] .modal-card,[data-theme=light] .modal-card *{color:#0f1729}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{overflow-x:hidden!important;max-width:100vw!important;left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.app-shell,.app-main,.page-frame{overflow-x:hidden!important;max-width:100vw!important;position:static;transform:none!important;left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.app-header{overflow-x:hidden!important;max-width:100vw!important;left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}body:before,body:after,.app-backdrop{left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;transform:none!important}