:root{--ixp-bg:#050c16;--ixp-surface:#081421;--ixp-surface-raised:#0c1d2d;--ixp-border:#97b7d338;--ixp-text:#f4f7f2;--ixp-muted:#9aabba;--ixp-lime:#b9f33f;--ixp-green:#62d85f;--ixp-teal:#30dbff;--ixp-cyan:#30dbff;--ixp-purple:#b767ff;--ixp-violet:#b767ff;--ixp-coral:#ff526d;--ixp-orange:#ff9d2e;--ixp-gold:#ff9d2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ixp-text);background:radial-gradient(circle at 82% 8%, #30dbff14, transparent 30rem), radial-gradient(circle at 52% 46%, #b767ff0d, transparent 34rem), var(--ixp-bg);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{background:radial-gradient(circle at 25% 9%,#30dbff24,#0000 27%),radial-gradient(circle at 86% 25%,#b9f33f1a,#0000 28%),linear-gradient(#081421fa,#050c16fa);border-inline:1px solid #ade0d829;width:min(100%,1320px);min-height:100vh;margin:0 auto;overflow:hidden}.route-loading{pointer-events:none;z-index:100;opacity:0;transition:opacity .16s;position:fixed;inset:0}.route-loading.visible{opacity:1}.route-loading-bar{background:#b9f33f1f;width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}.route-loading-bar:before{content:"";inset-block:0;background:linear-gradient(90deg, transparent, var(--ixp-lime), var(--ixp-cyan));width:38%;animation:.95s ease-in-out infinite route-loading-slide;position:absolute;left:-38%;box-shadow:0 0 18px #b9f33fb8}.route-loading-pill{color:#f4f7f2e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c16d1;border:1px solid #b9f33f47;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:18px;right:22px;box-shadow:0 0 22px #30dbff1f}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.72s linear infinite button-spinner-rotate}button:disabled .button-spinner{opacity:.9}form[aria-busy=true] input,form[aria-busy=true] select,form[aria-busy=true] textarea{opacity:.72}@keyframes route-loading-slide{0%{transform:translate(0)}to{transform:translate(365%)}}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}@keyframes page-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes header-drop-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-card-in{0%{opacity:0;transform:translateY(20px)rotate(-2.2deg)}to{opacity:1;transform:translateY(0)rotate(-1.4deg)}}@keyframes soft-glow{0%,to{box-shadow:0 0 0 1px #c2ffbe33,0 0 34px #b9f33f33,0 0 74px #30dbff29,inset 0 1px #ffffff1f}50%{box-shadow:0 0 0 1px #c2ffbe47,0 0 42px #b9f33f47,0 0 90px #30dbff33,inset 0 1px #ffffff1f}}@keyframes card-sheen{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}@keyframes meter-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes meter-scan{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cta-drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-8px,2px)rotate(5deg)}}.site-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030a13db;border-bottom:1px solid #ade0d824;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;min-height:88px;padding:20px 54px;animation:.56s ease-out both header-drop-in;display:grid;position:sticky;top:0}.brand img{width:198px}.nav-links,.header-actions,.hero-actions,.stat-row,.card-status,.template-main,.template-footer,.feature-card,.vote-box,.countdown,.orbit-art,.step-card,.explorer,.cta-band,.site-footer,.social-links{align-items:center;display:flex}.nav-links{color:#f5f8f6c7;justify-content:center;gap:48px;font-size:14px}.nav-links a:hover{color:var(--ixp-lime)}.header-actions{gap:16px}.primary-button,.ghost-button{min-height:46px;color:var(--ixp-text);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:transform .18s,border-color .18s,box-shadow .18s,filter .18s;display:inline-flex}.primary-button{color:#041810;background:linear-gradient(100deg,#c9ff32,#77f448);box-shadow:0 0 28px #49d7c247}.ghost-button{background:#0d2028a8;border-color:#ade0d83d}.primary-button:hover,.ghost-button:hover{border-color:#d9ec6c80;transform:translateY(-1px)}.primary-button:hover{filter:saturate(1.08);box-shadow:0 0 30px #b9f33f57,0 0 18px #30dbff24}.ghost-button:hover{box-shadow:0 0 20px #30dbff24}.primary-button:active,.ghost-button:active,.yes:active,.no:active{transform:translateY(1px)scale(.99)}.primary-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.ghost-button:disabled,.yes:disabled,.no:disabled{opacity:.62;transform:none}.action-popover-shell{position:relative}.action-popover{z-index:20;border:1px solid var(--ixp-border);background:#07121ff5;border-radius:8px;gap:10px;width:250px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #0000005c}.action-popover strong{color:#fff}.action-popover p{color:#f4f7f2a8;margin:0;font-size:13px;line-height:1.35}.signed-in-button{color:var(--ixp-lime)}.header-actions>.ghost-button,.header-actions .action-popover-shell>.ghost-button{min-width:102px}.header-actions>.primary-button{min-width:212px;font-size:16px;font-weight:800}.hero-section{background:linear-gradient(90deg,#030a12f0 0%,#030a1294 45%,#030a1229 76%,#030a128a 100%),url(/web-kit/backgrounds/hero-cosmic-orbit.webp) top/cover no-repeat;grid-template-columns:minmax(0,574px) 330px;justify-content:start;gap:90px;min-height:590px;padding:10px 54px 24px;display:grid;position:relative;overflow:visible}.hero-copy{align-self:start;max-width:565px;padding-top:28px}.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-actions,.stat-row,.trust-strip,.content-section>h2{animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up}.hero-copy .eyebrow{animation-delay:80ms}.hero-copy h1{animation-delay:.15s}.hero-copy p{animation-delay:.22s}.hero-actions{animation-delay:.29s}.stat-row{animation-delay:.36s}.eyebrow,.live-label{width:fit-content;min-height:28px;color:var(--ixp-lime);text-transform:uppercase;background:#09191fb3;border:1px solid #d9ec6c66;border-radius:999px;align-items:center;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.hero-section .eyebrow{color:#c9ff32;background:#071219c7;border-color:#b9f33f85;min-height:36px;padding:0 20px;box-shadow:inset 0 0 0 1px #b9f33f1a}.hero-copy h1{color:#fff;letter-spacing:0;text-shadow:0 2px 14px #0000006b;margin:18px 0 14px;font-size:60px;line-height:1.08}.hero-copy h1 span,.content-section h2{color:var(--ixp-lime)}.hero-copy p{color:#f5f8f6c7;max-width:430px;margin:0;font-size:18px;line-height:1.48}.hero-actions{gap:16px;margin:20px 0 18px}.large{gap:10px;min-height:56px;font-weight:700}.hero-actions .primary-button.large{min-width:246px}.hero-actions .ghost-button.large{min-width:268px}.large img{width:18px;height:18px}.stat-row{flex-wrap:wrap;gap:26px;margin-top:18px;padding-bottom:8px}.mini-stat{grid-template-columns:58px auto;align-items:center;gap:12px;min-width:160px;display:grid;position:relative}.mini-stat+.mini-stat:before{content:"";border-left:1px solid #ade0d82e;position:absolute;top:8px;bottom:8px;left:-14px}.mini-stat img{border:1px solid color-mix(in srgb, var(--ixp-lime) 54%, transparent);background:#b9f33f12;border-radius:50%;width:58px;height:58px;padding:12px;box-shadow:0 0 24px #b9f33f38}.mini-stat strong,.mini-stat span,.template-card span,.template-card small,.feature-card p,.live-copy small,.live-copy p,.countdown span,.countdown small,.orbit-art span,.step-card p,.explorer p,.explorer small,.score-grid span,.score-grid small,.fine-print,.site-footer p,.site-footer nav{display:block}.mini-stat strong{font-size:20px}.mini-stat span{color:#f5f8f6b8;font-size:12px}.prediction-card,.trust-strip,.template-card,.feature-card,.live-card,.step-card,.reputation-card,.cta-band{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#182d35c7,#08161cc2);border:1px solid #ade0d833;border-radius:8px;box-shadow:0 0 42px #49d7c226,inset 0 1px #ffffff0f}.prediction-card{background:linear-gradient(145deg,#11212be0,#07101dd1);border-color:#b8ffb79e;align-self:start;min-height:526px;margin-top:0;padding:26px 22px 22px;position:relative;transform:rotate(-1.4deg);box-shadow:0 0 42px #70f4a252,0 0 0 1px #b767ff47,inset 0 1px #ffffff1a}.hero-section .prediction-card{border-color:#c2ffbeb8;min-height:520px;margin-top:6px;padding:24px 22px 20px;animation:.76s cubic-bezier(.2,.8,.2,1) .26s both hero-card-in,4.8s ease-in-out 1.1s infinite soft-glow;box-shadow:0 0 0 1px #c2ffbe33,0 0 34px #b9f33f38,0 0 74px #30dbff2e,inset 0 1px #ffffff1f}.hero-section .prediction-card:before{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(110deg,#0000 0 32%,#ffffff24 46%,#0000 62% 100%);position:absolute;inset:0;transform:translate(-130%)skew(-18deg)}.hero-section .prediction-card:hover{transform:translateY(-3px)rotate(-1deg)}.hero-section .prediction-card:hover:before{opacity:1;animation:.92s ease-out card-sheen}.card-status{justify-content:space-between;gap:12px;margin-bottom:14px}.card-status>span{color:var(--ixp-lime);text-transform:uppercase;font-size:14px;font-weight:900}.card-status small{color:#f5f8f6c7;white-space:nowrap;border:1px solid #d9ec6c42;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.hero-section .prediction-card .card-status small{background:#0b191ed1;border-color:#b9f33f70;min-height:46px;padding:0 18px;font-size:14px;font-weight:800;position:absolute;top:12px;right:-158px;box-shadow:0 0 24px #b9f33f1f}.status-dot{background:var(--ixp-lime);width:8px;height:8px;box-shadow:0 0 10px var(--ixp-lime);border-radius:50%;animation:1.8s ease-in-out infinite icon-breathe}.prediction-card label,.outcome-group>span{color:#f5f8f6bd;gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:grid}.hero-section .prediction-card label,.hero-section .prediction-card .outcome-group>span{gap:5px;margin-top:10px}.select-field,textarea,.text-field{width:100%;color:var(--ixp-text);background:#f5f8f617;border:1px solid #ade0d829;border-radius:8px}.select-field{justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;display:flex}.native-select,.text-field{min-height:42px;padding:0 12px;display:block}.native-select option{color:#07110a}.select-field img{width:14px}textarea{resize:none;min-height:66px;padding:12px}.hero-section .prediction-card textarea{height:62px;min-height:62px}.hero-section .prediction-card .yes,.hero-section .prediction-card .no{min-height:35px}.hero-section .prediction-card .publish{min-height:46px;margin-top:16px}.outcome-group div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.yes,.no{color:#fff;text-transform:uppercase;border:0;border-radius:8px;min-height:38px;font-weight:800}.yes{background:linear-gradient(#80ed80,#42b95b)}.no{background:linear-gradient(#ee8190,#b94363)}.publish{width:100%;min-height:48px;margin-top:18px;font-weight:900}.publish img{width:18px;height:18px}.created-preview{background:#050c1670;border:1px solid #97b7d329;border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:10px;display:grid}.created-preview img{background:#ffffff14;border-radius:50%;width:36px;height:36px;padding:7px}.created-preview strong,.created-preview span{display:block}.created-preview strong{color:#fff;font-size:13px}.created-preview span{color:#f4f7f29e;margin-top:2px;font-size:11px;line-height:1.3}.created-preview a{min-height:30px;color:var(--ixp-lime);border:1px solid #97b7d338;border-radius:6px;padding:0 10px;font-size:12px;font-weight:800}.hero-section .created-preview{display:none}.selected-vote{outline-offset:2px;outline:2px solid #ffffffdb;box-shadow:0 0 20px #ffffff24}.trust-strip{color:#f5f8f6c7;justify-content:center;align-items:center;gap:14px;min-height:62px;margin:24px 54px 40px;padding:10px 20px;font-size:19px;line-height:1.35;animation-delay:.43s;display:flex}.trust-strip img{flex:none;width:34px;height:34px}.content-section{padding:0 40px 28px}.content-section h2{text-align:center;margin:0 0 22px;font-size:28px;line-height:1.08}.template-grid,.feature-grid,.step-grid{gap:14px;display:grid}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.open-bet-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.open-bet-card{--card-accent:var(--ixp-lime);border:1px solid color-mix(in srgb, var(--card-accent) 15%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--card-accent) 7%, transparent), transparent 54%), linear-gradient(145deg, #182d35d1, #08161cc7);min-height:132px;box-shadow:0 0 22px color-mix(in srgb, var(--card-accent) 7%, transparent), inset 0 1px #ffffff0f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:20px 28px 18px 20px;transition:transform .19s,border-color .19s,box-shadow .19s,background .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up;display:grid;position:relative}.open-bet-card:hover{border-color:color-mix(in srgb, var(--card-accent) 32%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--card-accent) 12%, transparent), inset 0 1px #ffffff14;transform:translateY(-2px)}.open-bet-card:active{transform:translateY(0)scale(.995)}.open-bet-card:first-child{animation-delay:90ms}.open-bet-card:nth-child(2){animation-delay:.14s}.open-bet-card:nth-child(3){animation-delay:.19s}.open-bet-card:nth-child(4){animation-delay:.24s}.open-bet-card:nth-child(n+5){animation-delay:.29s}.open-bet-main{align-items:flex-start;gap:16px;min-width:0;display:flex}.open-bet-main img{background:color-mix(in srgb, var(--card-accent) 12%, transparent);border-radius:50%;flex:none;width:48px;height:48px;padding:10px;transition:transform .19s,box-shadow .19s}.open-bet-card:hover .open-bet-main img{box-shadow:0 0 18px color-mix(in srgb, var(--card-accent) 18%, transparent);transform:scale(1.05)}.open-bet-main span{color:var(--card-accent);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.open-bet-main h3{color:#fff;margin:6px 0 0;font-size:17px;line-height:1.2}.open-bet-numbers{justify-items:end;gap:4px;min-width:140px;padding-right:6px;display:grid}.open-bet-numbers strong{color:var(--card-accent);font-size:26px;line-height:1}.open-bet-numbers span{color:#f4f7f2bd;font-size:12px}.api-status{color:#07110a;background:var(--card-accent);text-transform:uppercase;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.api-status.fallback{color:var(--ixp-text);background:#97b7d32e}.api-status.needs-key{color:#07110a;background:var(--ixp-orange)}.open-bet-meter{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 25%),#ffffff1a;border-radius:999px;grid-column:1/-1;height:10px;position:relative;overflow:hidden}.open-bet-meter:after{content:"";inset-block:0;opacity:.42;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:30%;animation:2.9s ease-in-out infinite meter-scan;position:absolute;left:0}.open-bet-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--card-accent), var(--ixp-lime));height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--card-accent) 34%, transparent);transform-origin:0;animation:.78s cubic-bezier(.2,.8,.2,1) both meter-grow;display:block}.template-card{min-height:132px;padding:16px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up;position:relative;overflow:hidden}.template-card:hover,.feature-card:hover,.step-card:hover,.reputation-card:hover,.detail-card:hover,.template-chip:hover,.related-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--detail-accent,var(--ixp-lime))) 28%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--card-accent,var(--detail-accent,var(--ixp-lime))) 10%, transparent), inset 0 1px #ffffff14;transform:translateY(-2px)}.template-card:first-child,.feature-card:first-child,.step-card:first-child{animation-delay:90ms}.template-card:nth-child(2),.feature-card:nth-child(2),.step-card:nth-child(2){animation-delay:.14s}.template-card:nth-child(3),.feature-card:nth-child(3),.step-card:nth-child(3){animation-delay:.19s}.template-card:nth-child(n+4),.step-card:nth-child(n+4){animation-delay:.24s}.template-main{gap:12px}.category-icon{background:#ffffff14;border-radius:50%;width:54px;height:54px;padding:9px}.template-card span{color:#f5f8f6c7;background:#ffffff14;border-radius:999px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700}.template-card h3,.feature-card h3,.live-card h3,.step-card h3,.explorer h3{color:#fff;letter-spacing:0;margin:4px 0 0;line-height:1.1}.template-card h3{font-size:21px}.template-chart{object-fit:contain;opacity:.86;width:118px;height:62px;position:absolute;top:14px;right:12px}.highcharts-mini-chart{color:var(--card-accent);opacity:.96;transition:opacity .19s,transform .19s}.template-card:hover .highcharts-mini-chart{opacity:1;transform:translateY(-1px)scale(1.04)}.highcharts-mini-chart .highcharts-container,.highcharts-mini-chart .highcharts-root{overflow:visible}.highcharts-mini-chart .highcharts-container{width:118px!important;height:72px!important}.template-chart-svg{color:var(--card-accent);opacity:.95;overflow:visible}.mini-chart-grid{fill:none;stroke:#f4f7f221;stroke-width:1px}.mini-chart-area{fill:currentColor;opacity:.18}.mini-chart-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 0 7px)}.mini-chart-line.secondary{opacity:.42;stroke-width:2px}.mini-chart-bar{fill:currentColor;opacity:.8;filter:drop-shadow(0 0 5px)}.mini-chart-dot{fill:#fff;stroke:currentColor;stroke-width:3px;filter:drop-shadow(0 0 8px)}.mini-orbit{fill:none;stroke:currentColor;stroke-width:2px;opacity:.7}.mini-orbit.secondary{opacity:.34}.mini-planet{fill:currentColor;opacity:.24;stroke:#ffffffdb;stroke-width:1px;filter:drop-shadow(0 0 9px)}.template-footer{justify-content:space-between;gap:10px;margin-top:24px}.template-footer small,.countdown small{color:#f5f8f6d1}.template-footer small:before{content:"";background:var(--ixp-lime);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.template-footer button,.template-footer a{color:#f5f8f6db;background:#0511178c;border:1px solid #ade0d838;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:12px;display:inline-flex}.gold{--card-accent:var(--ixp-gold)}.cyan{--card-accent:var(--ixp-cyan)}.green{--card-accent:var(--ixp-green)}.purple{--card-accent:var(--ixp-purple)}.teal{--card-accent:var(--ixp-teal)}.coral{--card-accent:var(--ixp-coral)}.orange{--card-accent:var(--ixp-orange)}.violet{--card-accent:var(--ixp-violet)}.lime{--card-accent:var(--ixp-lime)}.template-card,.feature-card{background:linear-gradient(120deg, color-mix(in srgb, var(--card-accent) 8%, transparent), transparent 54%), linear-gradient(145deg, #182d35d1, #08161cc7)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{gap:18px;min-height:116px;padding:18px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up}.feature-card img{background:color-mix(in srgb, var(--card-accent) 14%, transparent);width:58px;height:58px;box-shadow:0 0 25px color-mix(in srgb, var(--card-accent) 28%, transparent);border-radius:50%;padding:12px;transition:transform .19s}.feature-card:hover img{transform:scale(1.05)}.feature-card p{color:#f5f8f6d1;margin:5px 0 0;font-size:13px;line-height:1.35}.live-card{grid-template-columns:minmax(0,1.3fr) 240px 170px 170px;align-items:center;gap:22px;margin-top:14px;padding:18px;animation:.62s cubic-bezier(.2,.8,.2,1) .16s both page-fade-up;display:grid}.live-copy{min-width:0}.live-label{background:0 0;border:0;min-height:auto;padding:0}.live-copy small{color:#f5f8f6cc;margin-top:8px}.live-copy small strong{color:var(--ixp-teal)}.live-copy h3{max-width:430px;margin-top:3px;font-size:28px}.live-copy p{color:#f5f8f6bd;margin:12px 0 6px;font-size:12px}.sentiment-bar{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 25%),#ffffff1f;border-radius:999px;grid-template-columns:62fr 38fr;height:12px;display:grid;overflow:hidden}.yes-bar{background:var(--ixp-lime);transform-origin:0;animation:.76s cubic-bezier(.2,.8,.2,1) .18s both meter-grow}.no-bar{background:var(--ixp-coral);transform-origin:100%;animation:.76s cubic-bezier(.2,.8,.2,1) .28s both meter-grow}.sentiment-labels{color:#f5f8f6c7;justify-content:space-between;font-size:12px;display:flex}.vote-box{gap:16px}.vote-box button,.compact-vote-actions{flex:1}.compact-vote-actions{gap:16px;width:100%;display:flex}.vote-box button{min-height:54px;font-size:18px}.countdown{border-left:1px solid #ade0d829;flex-direction:column;align-items:flex-start;gap:3px;padding-left:18px}.countdown strong{color:var(--ixp-lime);font-size:30px;line-height:1}.countdown small{align-items:center;gap:7px;margin-top:10px;display:inline-flex}.orbit-art{color:#f5f8f6b8;flex-direction:column;justify-content:center;gap:6px;font-size:12px}.orbit-art img{width:128px}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{gap:14px;min-height:112px;padding:16px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up;position:relative}.step-card:after{content:"";border-top:1px solid #d9ec6c8c;width:14px;position:absolute;top:50%;right:-14px}.step-card:last-child:after{content:none}.step-card>strong{color:var(--ixp-lime);font-size:25px;position:absolute;top:12px;left:14px}.step-card img{background:#d9ec6c1a;border-radius:50%;flex:none;width:48px;height:48px;margin-top:28px;padding:10px;transition:transform .19s}.step-card:hover img{transform:scale(1.06)}.step-card h3{font-size:15px}.step-card p{color:#f5f8f6c7;margin:4px 0 0;font-size:12px;line-height:1.35}.reputation-section{padding-bottom:14px}.reputation-card{grid-template-columns:minmax(260px,1fr) minmax(350px,max-content) 230px;gap:16px;padding:18px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) .12s both page-fade-up;display:grid}.explorer{gap:16px}.explorer img{width:88px}.explorer p,.explorer small{color:#f5f8f6cc;margin:5px 0 0;font-size:12px}.score-grid{grid-template-columns:repeat(3,minmax(112px,1fr));justify-self:start;gap:6px;width:min(100%,380px);display:grid}.score-grid div{background:#05111757;border:1px solid #ade0d824;border-radius:8px;padding:11px;transition:transform .19s,border-color .19s,background .19s}.score-grid div:hover{background:#0d202880;border-color:#b9f33f42;transform:translateY(-1px)}.score-grid span{color:#f5f8f6b3;font-size:11px}.score-grid strong{color:var(--ixp-lime);margin-top:4px;font-size:30px;display:block}.score-grid small{color:#f5f8f6b8;font-size:11px;line-height:1.25}.reputation-line{align-self:center}.fine-print{text-align:center;color:#f5f8f68c;margin:8px 0 0;font-size:12px}.cta-band{background:linear-gradient(90deg,#09191ffa,#112d38eb),url(/web-kit/backgrounds/cta-aurora-wave.webp) 50%/cover no-repeat;justify-content:space-between;gap:24px;min-height:94px;margin:0 40px 18px;padding:18px 26px;animation:.62s cubic-bezier(.2,.8,.2,1) .14s both page-fade-up;position:relative;overflow:hidden}.cta-band>img{opacity:.78;width:168px;animation:5.2s ease-in-out infinite cta-drift;position:absolute;right:-6px}.cta-band h2{color:#fff;max-width:520px;margin:0;font-size:34px;line-height:1.05;position:relative}.cta-band div{gap:12px;margin-right:115px;display:flex;position:relative}.site-footer{color:#f5f8f69e;justify-content:space-between;gap:24px;padding:0 40px 28px}.site-footer>div:first-child img{width:130px}.site-footer p{max-width:270px;margin:8px 0 0;font-size:12px;line-height:1.35}.site-footer nav{columns:3;column-gap:48px;font-size:12px;line-height:1.8}.site-footer a:hover{color:var(--ixp-lime)}.social-links{gap:16px}.social-links img{opacity:.86;width:20px;height:20px}@media (max-width:980px){.site-header,.hero-section,.reputation-card{grid-template-columns:1fr}.site-header{gap:18px;padding:18px 24px;position:relative}.brand,.nav-links,.header-actions{justify-content:center}.nav-links{flex-wrap:wrap;gap:16px}.hero-section{gap:28px;padding:32px 24px 20px}.prediction-card{min-height:auto;transform:none}.hero-section .prediction-card{animation:.62s cubic-bezier(.2,.8,.2,1) .18s both page-fade-up,4.8s ease-in-out 1s infinite soft-glow}.hero-section .prediction-card:hover{transform:translateY(-2px)}.hero-section .prediction-card .card-status small{min-height:auto;padding:5px 10px;font-size:12px;position:static}.hero-section .created-preview{display:grid}.trust-strip,.cta-band{margin-inline:24px}.content-section{padding-inline:24px}.template-grid,.feature-grid,.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-card{grid-template-columns:1fr 1fr}.countdown{border-left:0;padding-left:0}.step-card:after{content:none}.cta-band{align-items:flex-start;padding:22px}.cta-band div{margin-right:0}.site-footer{text-align:center;justify-items:center;display:grid}.create-layout{grid-template-columns:1fr;padding-inline:24px}}@media (max-width:640px){.app-shell{border-inline:0}.site-header{padding-inline:16px}.header-actions,.hero-actions,.stat-row,.vote-box,.cta-band div{width:100%}.header-actions,.hero-actions,.cta-band,.cta-band div{flex-direction:column}.primary-button,.ghost-button{width:100%}.hero-section{padding-inline:16px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.mini-stat+.mini-stat:before{content:none}.trust-strip{margin-inline:16px;text-align:center;margin-bottom:22px;padding:12px}.content-section{padding-inline:16px}.open-bet-list{gap:14px}.open-bet-card{padding:18px}.open-bet-main{gap:12px}.content-section h2{font-size:24px}.template-grid,.open-bet-list,.feature-grid,.live-card,.step-grid,.score-grid{grid-template-columns:1fr}.template-chart{width:100px}.live-copy h3{font-size:23px}.cta-band{margin-inline:16px}.cta-band h2{max-width:320px;font-size:27px}.cta-band>img{width:144px;right:-54px}.site-footer{padding:0 16px 24px}.site-footer nav{columns:1}.action-popover{width:min(250px,100vw - 32px);left:0;right:auto}.create-layout{padding:32px 16px 48px}.create-copy h1{font-size:36px}.create-copy p{font-size:15px}.create-template-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.detail-shell{--detail-accent:var(--ixp-lime);background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--detail-accent) 10%, transparent), transparent 30rem), radial-gradient(circle at 12% 42%, #30dbff12, transparent 32rem), linear-gradient(180deg, #050c16, #06111d 50%, #040a12);border-inline:1px solid var(--ixp-border);width:min(100%,1280px);min-height:100vh;margin:0 auto;overflow:hidden}.accent-orange{--detail-accent:var(--ixp-orange)}.accent-cyan{--detail-accent:var(--ixp-cyan)}.accent-lime{--detail-accent:var(--ixp-lime)}.accent-violet{--detail-accent:var(--ixp-violet)}.accent-coral{--detail-accent:var(--ixp-coral)}.detail-header{background:#050c16db}.detail-hero{background:linear-gradient(90deg,#050c16f2 0%,#050c169e 52%,#050c1638 100%),url(/web-kit/backgrounds/hero-cosmic-orbit.webp) 50%/cover no-repeat;min-height:250px;padding:34px 40px 24px;position:relative}.detail-title-block{max-width:850px}.breadcrumbs{color:#f4f7f294;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--detail-accent)}.detail-pill{border:1px solid color-mix(in srgb, var(--detail-accent) 52%, transparent);min-height:30px;color:var(--detail-accent);background:color-mix(in srgb, var(--detail-accent) 8%, transparent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.detail-pill img{width:16px;height:16px}.detail-title-block h1{color:#fff;letter-spacing:0;max-width:790px;margin:16px 0 12px;font-size:48px;line-height:1.02}.detail-meta{color:#f4f7f2b3;flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.detail-meta span{background:#0814218c;border:1px solid #97b7d32e;border-radius:999px;min-height:28px;padding:6px 10px}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(300px,360px);align-items:start;gap:20px;padding:0 40px 30px;display:grid}.detail-main,.detail-sidebar{gap:16px;display:grid}.detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f2031eb,#07121fd6);border:1px solid #97b7d338;border-radius:10px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up;box-shadow:0 18px 50px #00000047}.chart-card{min-height:430px;padding:20px}.chart-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.chart-toolbar span,.metric-card span,.side-card>span,.sentiment-heading span,.related-card span{color:var(--detail-accent);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.chart-toolbar strong{color:#fff;margin-top:4px;font-size:18px;display:block}.range-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.range-tabs button{color:#f4f7f2b8;background:#050c167a;border:1px solid #97b7d333;border-radius:999px;min-height:30px;padding:0 12px;font-size:12px}.range-tabs button.active{color:#07110a;background:var(--detail-accent)}.visual-panel{border:1px solid color-mix(in srgb, var(--detail-accent) 22%, #97b7d329);background:radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--detail-accent) 12%, transparent), transparent 18rem), linear-gradient(#f4f7f20b 1px, transparent 1px), linear-gradient(90deg, #f4f7f20b 1px, transparent 1px), linear-gradient(145deg, #081621db, #040b14b8);min-height:330px;box-shadow:inset 0 1px #ffffff0f, 0 0 28px color-mix(in srgb, var(--detail-accent) 9%, transparent);background-size:auto,42px 42px,42px 42px,auto;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.visual-panel>img{width:min(82%,620px);filter:drop-shadow(0 0 24px color-mix(in srgb, var(--detail-accent) 24%, transparent))}.highcharts-live-chart{z-index:1;width:min(88%,720px);height:300px;animation:.64s cubic-bezier(.2,.8,.2,1) .12s both page-fade-up;position:relative}.highcharts-live-chart .highcharts-container,.highcharts-live-chart .highcharts-root{overflow:visible}.highcharts-live-chart .highcharts-grid-line{stroke-dasharray:3 5}.highcharts-live-chart .highcharts-point,.highcharts-live-chart .highcharts-graph{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--detail-accent) 22%, transparent))}.axis-line{inset-inline:8%;border-top:1px dashed color-mix(in srgb, var(--detail-accent) 34%, transparent);position:absolute;bottom:26%}.target-marker{border:1px solid color-mix(in srgb, var(--detail-accent) 40%, transparent);color:var(--detail-accent);box-shadow:0 0 18px color-mix(in srgb, var(--detail-accent) 14%, transparent);background:#050c16b8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;position:absolute;top:27%;right:9%}.temperature-visual{background:radial-gradient(circle at 66% 30%,#30dbff29,#0000 18rem),linear-gradient(#30dbff0a 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#30dbff0a 1px,#0000 1px) 0 0/44px 44px,#050c1680}.aqi-visual{grid-template-columns:1fr;gap:12px;padding:24px}.aqi-visual>img{border:1px solid color-mix(in srgb, var(--detail-accent) 18%, transparent);background:#050c1685;border-radius:10px;width:190px;padding:14px}.aqi-bars{background-color:#0000;background-image:linear-gradient(#f4f7f20f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-left:1px solid #97b7d329;align-items:end;gap:8px;width:100%;height:220px;padding:18px 18px 18px 26px;display:flex;position:relative}.aqi-bars:before,.aqi-bars:after{color:#f4f7f294;font-size:10px;font-weight:800;position:absolute;left:0}.aqi-bars:before{content:"150";top:16px}.aqi-bars:after{content:"0";bottom:14px}.aqi-bars span{background:linear-gradient(180deg, #ffffffe6, var(--ixp-coral) 18%, var(--ixp-orange) 55%, var(--ixp-lime));border-radius:999px 999px 5px 5px;flex:1;min-width:9px;box-shadow:0 0 14px #ff9d2e33}.orbit-visual{background:linear-gradient(#050c165c,#050c16c2),url(/web-kit/illustrations/iss-earth-orbit.webp) 50%/cover no-repeat;min-height:370px}.orbit-data-chart{z-index:1;border:1px solid color-mix(in srgb, var(--detail-accent) 18%, transparent);background:#050c168f;border-radius:10px;width:min(78%,650px);padding:10px;position:relative}.orbit-data-chart .highcharts-live-chart{width:100%}.orbit-earth{opacity:.22;width:min(92%,760px)}.orbit-track{width:min(70%,520px);position:absolute}.telemetry-pill{color:var(--ixp-cyan);background:#050c16b8;border:1px solid #30dbff5c;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;top:18%;left:8%}.telemetry-pill.secondary{color:var(--ixp-violet);border-color:#b767ff5c;inset:auto 10% 18% auto}.timeline-visual{align-content:center;gap:42px;padding:40px}.timeline-track{background:linear-gradient(90deg, var(--ixp-cyan), var(--ixp-violet)), #ffffff1a;width:100%;height:10px;box-shadow:0 0 22px color-mix(in srgb, var(--detail-accent) 22%, transparent);border-radius:999px;position:relative}.timeline-track span{color:#f4f7f2c2;font-size:12px;position:absolute;top:-34px;transform:translate(-50%)}.timeline-track span:after{content:"";background:var(--detail-accent);width:15px;height:15px;box-shadow:0 0 16px var(--detail-accent);border:2px solid #07110a;border-radius:50%;position:absolute;top:24px;left:50%;transform:translate(-50%)}.timeline-track:before{content:"";background:radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--ixp-cyan) 26%, transparent), transparent 18px), radial-gradient(circle at 38% 50%, color-mix(in srgb, var(--ixp-cyan) 18%, transparent), transparent 18px), radial-gradient(circle at 64% 50%, color-mix(in srgb, var(--ixp-violet) 20%, transparent), transparent 18px), radial-gradient(circle at 90% 50%, color-mix(in srgb, var(--ixp-violet) 28%, transparent), transparent 18px);position:absolute;inset:-26px 0}.match-visual{gap:18px;padding:28px}.match-visual .highcharts-live-chart,.aqi-visual .highcharts-live-chart,.timeline-visual .highcharts-live-chart{width:min(100%,720px)}.match-scoreline{justify-content:center;align-items:center;gap:22px;width:100%;display:flex}.match-scoreline strong{width:76px;height:76px;color:var(--detail-accent);background:radial-gradient(circle at 38% 30%, color-mix(in srgb, var(--detail-accent) 20%, transparent), transparent 42%), #ffffff0f;border:1px solid #97b7d33d;border-radius:50%;place-items:center;font-size:24px;display:grid;box-shadow:inset 0 1px #ffffff14}.match-scoreline span{color:#f4f7f29e;text-transform:uppercase;font-weight:800}.xg-bars{gap:12px;width:min(100%,540px);display:grid}.xg-bars span{color:#07110a;background:linear-gradient(90deg, var(--detail-accent), var(--ixp-lime));min-height:34px;box-shadow:0 0 18px color-mix(in srgb, var(--detail-accent) 18%, transparent);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:relative}.live-sparkline{width:min(88%,700px);color:var(--detail-accent);padding:8px}.live-sparkline svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-lines line{stroke:#f4f7f217;stroke-width:1px}.chart-area-fill{fill:url(#liveChartArea)}.chart-line-path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:url(#liveChartGlow)}.chart-point-layer circle{fill:#fff;stroke:currentColor;stroke-width:3px}.chart-target-line{stroke:var(--ixp-coral);stroke-dasharray:7 7;stroke-linecap:round;stroke-width:2px;opacity:.76}.chart-axis-label{fill:#f4f7f294;font-size:13px;font-weight:800}.chart-current-callout rect{fill:#050c16d1;stroke:currentColor;stroke-opacity:.42}.chart-current-callout text{fill:#fff;text-anchor:middle;font-size:13px;font-weight:900}.live-meter{border:1px solid color-mix(in srgb, var(--detail-accent) 28%, transparent);background:#050c16c2;border-radius:8px;gap:5px;width:min(220px,100% - 36px);padding:10px;display:grid;position:absolute;bottom:18px;right:18px}.live-meter div{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.live-meter div span{border-radius:inherit;background:linear-gradient(90deg, var(--detail-accent), var(--ixp-lime));transform-origin:0;height:100%;animation:.78s cubic-bezier(.2,.8,.2,1) both meter-grow;display:block}.live-meter strong{color:#fff;font-size:18px;line-height:1}.live-meter small{color:#f4f7f2a8;font-size:12px}.detail-tabs{border-bottom:1px solid #97b7d333;gap:10px;display:flex}.detail-tabs button{color:#f4f7f294;background:0 0;border:0;padding:0 2px 12px;font-size:13px;font-weight:700}.detail-tabs .active{color:var(--detail-accent);border-bottom:2px solid var(--detail-accent)}.interactive-tab-block{gap:10px;display:grid}.tab-panel{color:#f4f7f2a8;padding:12px 14px;font-size:13px}.rule-grid,.detail-stat-grid,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.rule-card{gap:14px;min-height:110px;padding:16px;display:flex}.rule-card img{width:38px;height:38px;color:var(--detail-accent);background:color-mix(in srgb, var(--detail-accent) 10%, transparent);border-radius:50%;flex:none;padding:8px}.rule-card h2,.activity-card h2,.related-section>h2{color:#fff;margin:0;font-size:15px;line-height:1.15}.rule-card p{color:#f4f7f2a8;margin:6px 0 0;font-size:12px;line-height:1.4}.metric-card{padding:16px}.metric-card strong{color:var(--detail-accent);margin-top:8px;font-size:28px;line-height:1;display:block}.metric-card small{color:#f4f7f294;margin-top:6px;font-size:12px;display:block}.api-card{gap:14px;padding:16px;display:grid}.api-card span{color:var(--detail-accent);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.api-card code{overflow-wrap:anywhere;color:#f4f7f2d1;margin-top:8px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.api-card p{color:#f4f7f2b3;margin:8px 0 0;font-size:13px;line-height:1.45}.api-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.api-detail-grid small{color:#f4f7f2a8;background:#050c166b;border:1px solid #97b7d324;border-radius:8px;min-height:54px;padding:10px;font-size:12px}.api-detail-grid strong{color:#fff;margin-bottom:4px;display:block}.sentiment-card{padding:16px}.sentiment-heading,.sentiment-percentages{justify-content:space-between;align-items:center;gap:16px;display:flex}.sentiment-heading strong{color:var(--detail-accent)}.detail-sentiment-bar{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 20%),#ffffff1a;border-radius:999px;height:14px;margin-top:12px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.yes-fill{background:linear-gradient(90deg, var(--ixp-lime), #5ff7a4);transform-origin:0;animation:.76s cubic-bezier(.2,.8,.2,1) .18s both meter-grow;box-shadow:0 0 16px #b9f33f47}.no-fill{background:linear-gradient(90deg, #ff7186, var(--ixp-coral));transform-origin:100%;animation:.76s cubic-bezier(.2,.8,.2,1) .28s both meter-grow;box-shadow:0 0 16px #ff526d38}.sentiment-percentages{color:#f4f7f2ad;margin-top:6px;font-size:12px}.side-card{border-color:color-mix(in srgb, var(--detail-accent) 34%, transparent);padding:18px;position:sticky;top:94px}.side-card p{color:#f4f7f2a8;margin:8px 0 16px;font-size:13px;line-height:1.35}.vote-actions{gap:10px;display:grid}.vote-actions:not(.compact-vote-actions)>.yes,.vote-actions:not(.compact-vote-actions)>.no{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 16px;display:flex}.submit-prediction{width:100%;margin-top:14px}.action-feedback{color:#f4f7f2a8;min-height:18px;margin:0;font-size:12px;line-height:1.35}.side-card small{color:#f4f7f294;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.side-card small img{width:16px;height:16px}.activity-card{padding:18px}.activity-row{border-bottom:1px solid #97b7d31f;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.activity-row:last-child{border-bottom:0}.activity-dot{border-radius:50%;width:10px;height:10px}.activity-dot.side-yes{background:var(--ixp-lime)}.activity-dot.side-no{background:var(--ixp-coral)}.activity-row strong{color:#fff;font-size:13px}.activity-row p,.activity-row time{color:#f4f7f299;margin:0;font-size:12px}.related-section>h2{margin-bottom:12px}.related-card{min-height:112px;padding:16px}.related-card h3{color:#fff;margin:8px 0 14px;font-size:15px;line-height:1.2}.related-card strong{color:var(--ixp-lime);font-size:13px}.detail-footer{padding-top:10px}.create-shell{background:linear-gradient(90deg,#050c16eb,#050c16ad),url(/web-kit/backgrounds/hero-cosmic-orbit.webp) 50%/cover no-repeat fixed}.create-layout{grid-template-columns:minmax(0,1fr) minmax(330px,470px);align-items:start;gap:34px;padding:52px 40px 64px;display:grid}.create-copy h1{color:#fff;max-width:690px;margin:18px 0 14px;font-size:52px;line-height:1.02}.create-copy p{color:#f4f7f2b8;max-width:580px;margin:0;font-size:17px;line-height:1.55}.create-template-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.template-chip{--card-accent:var(--ixp-lime);border:1px solid color-mix(in srgb, var(--card-accent) 24%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--card-accent) 10%, transparent), transparent 58%), #07121fb8;border-radius:8px;align-items:center;gap:12px;min-height:68px;padding:12px;transition:transform .19s,border-color .19s,box-shadow .19s;animation:.62s cubic-bezier(.2,.8,.2,1) both page-fade-up;display:flex}.template-chip:hover{border-color:color-mix(in srgb, var(--card-accent) 48%, transparent)}.template-chip img{background:color-mix(in srgb, var(--card-accent) 12%, transparent);border-radius:50%;width:36px;height:36px;padding:8px}.template-chip span{color:#fff;font-weight:800}.create-page-form{padding:20px}.create-page-form .card-status{margin-bottom:18px}.create-page-form label,.create-page-form .outcome-group>span{color:#f4f7f2bd;gap:8px;margin-top:14px;font-size:12px;font-weight:800;display:grid}@media (max-width:980px){.detail-hero,.detail-grid{padding-inline:24px}.detail-grid{grid-template-columns:1fr}.side-card{position:static}.rule-grid,.detail-stat-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-layout{grid-template-columns:1fr;padding-inline:24px}}@media (max-width:640px){.detail-shell{border-inline:0}.detail-hero,.detail-grid{padding-inline:16px}.detail-title-block h1{font-size:34px}.chart-toolbar,.sentiment-heading,.sentiment-percentages{flex-direction:column;align-items:flex-start}.range-tabs{justify-content:flex-start}.chart-card{min-height:auto;padding:14px}.visual-panel{min-height:260px}.aqi-visual{grid-template-columns:1fr}.aqi-bars{border-left:0;height:160px;padding-left:0}.rule-grid,.detail-stat-grid,.related-grid,.api-detail-grid{grid-template-columns:1fr}.create-layout{padding:32px 16px 48px}.create-copy h1{font-size:36px}.create-copy p{font-size:15px}.create-template-list{grid-template-columns:1fr}}