@font-face{font-family:Inter;src:url(./Inter-Regular-DOEsKK9O.ttf)format("truetype");font-weight:400}@font-face{font-family:Inter;src:url(./Inter-Bold-DDXop4cx.ttf)format("truetype");font-weight:700}@font-face{font-family:Inter;src:url(./Inter-Black-EUCDUbiG.woff)format("woff");font-weight:900}@font-face{font-family:Permanent Marker;src:url(./PermanentMarker-Regular-ClowKQab.ttf)format("truetype")}@font-face{font-family:Bitcount Single;src:url(./BitcountSingle-VariableFont_CRSV_ELSH_ELXP_slnt_wght-BhaV-JHK.ttf)format("truetype")}@font-face{font-family:Kaushan Script;src:url(./KaushanScript-Regular-BoWLvyT9.ttf)format("truetype")}@font-face{font-family:Bebas Neue;src:url(./BebasNeue-Regular-D2CONTwO.ttf)format("truetype")}@font-face{font-family:Titan One;src:url(./TitanOne-Regular-Ds7Echb6.ttf)format("truetype")}@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-Regular-DogiNJoF.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030405;--bg-2:#080a0d;--panel:#111317e6;--panel-strong:#12151a;--panel-soft:#ffffff0e;--glass:#ffffff13;--line:#ffffff1b;--line-strong:#d9ff0057;--text:#f8f9f5;--muted:#8f969d;--muted-2:#c2c7cd;--accent:#d9ff00;--accent-rgb:217, 255, 0;--cyan:#55e7ff;--red:#ff5365;--gold:#ffc857;--blue:#6da7ff;--shadow:0 24px 70px #0000007a;--radius:22px;--radius-sm:15px;--nav-height:76px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:radial-gradient(circle at 50% -10%, rgba(var(--accent-rgb), .13), transparent 31rem), linear-gradient(180deg, #0a0d0f 0%, var(--bg) 38%, #000 100%);width:100%;min-height:100%;color:var(--text);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body{min-height:100dvh}button,input,select{font:inherit}button,select,input{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:var(--glass);min-height:46px;color:var(--text);letter-spacing:0;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}button:active{transform:scale(.975)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(var(--accent-rgb), .75);outline-offset:3px}button svg,.status-chip svg,.empty-icon svg,.dialog-icon svg{stroke-width:2.35px;flex:none;width:18px;height:18px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}h1{margin-bottom:0;font-size:clamp(28px,9vw,42px);line-height:.96}h2{margin-bottom:0;font-size:21px;line-height:1.05}h3{color:var(--muted-2);text-transform:uppercase;margin:20px 0 10px;font-size:13px;line-height:1.2}.app-shell{background:linear-gradient(180deg, #ffffff05, transparent 26%), var(--bg);width:100%;max-width:460px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.auth-screen{text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,340px);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff09);padding:28px}.auth-card h1{margin:18px 0 10px;font-family:Titan One,Inter,sans-serif}.auth-card p,.profile-card p,.hint,.notice,small{color:var(--muted)}.hub-app{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 14px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom))}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-lockup strong{text-overflow:ellipsis;white-space:nowrap;font-family:Titan One,Inter,sans-serif;font-size:19px;line-height:1;display:block;overflow:hidden}.brand-mark{background:linear-gradient(135deg, var(--accent), #f1ff8d), var(--accent);width:42px;height:42px;box-shadow:0 0 0 1px #d9ff004d, 0 10px 28px rgba(var(--accent-rgb), .18);border-radius:14px;flex:none;display:inline-block;-webkit-mask:url(./panoptiq-icon-XAono-ZO.png) 50%/72% no-repeat;mask:url(./panoptiq-icon-XAono-ZO.png) 50%/72% no-repeat}.eyebrow{color:#d9ff00b8;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:900;line-height:1;display:block}.status-chip,.status-pill{border:1px solid rgba(var(--accent-rgb), .32);background:rgba(var(--accent-rgb), .1);min-height:30px;color:var(--accent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.tab-panel{animation:.22s both panelIn;display:none}.tab-panel.is-active{display:block}.profile-card,.stats-profile-panel,.section-block,.empty-state,.controls-block{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff13, #ffffff08), var(--panel);box-shadow:inset 0 1px #ffffff0a}.stats-profile-panel{padding:10px}.stats-card-shell{aspect-ratio:16/9;background:#050608;border:1px solid #d9ff003d;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 18px 50px #0000006b}.stats-card-preview{touch-action:none;width:100%;height:100%;color:var(--text);background:radial-gradient(circle at 72% 24%,#d9ff0029,#0000 34%),linear-gradient(135deg,#11151a,#050608 58%,#0d1110);position:relative;overflow:hidden;container-type:size}.stats-card-empty{height:100%;color:var(--muted);place-items:center;font-size:14px;font-weight:900;display:grid}.stats-preview-rank-asset{aspect-ratio:1;width:25%;color:var(--accent);background:linear-gradient(160deg,#d9ff0029,#55e7ff0f),#ffffff0e;border:1px solid #d9ff0038;border-radius:8px;place-items:center;font-size:6cqw;font-weight:900;line-height:1;display:grid;position:absolute;top:9%;right:5%}.stats-preview-rank-asset img,.stats-preview-badge img{object-fit:contain;width:100%;height:100%}.stats-preview-user{align-items:center;gap:3%;min-width:0;max-width:58%;display:flex;position:absolute;top:9%;left:5%}.stats-preview-avatar{aspect-ratio:1;border:2px solid var(--accent);background:linear-gradient(135deg, var(--accent), var(--cyan));color:#050604;border-radius:50%;place-items:center;width:17%;min-width:38px;font-size:6cqw;font-weight:900;display:grid;overflow:hidden}.stats-preview-avatar img{object-fit:cover;width:100%;height:100%}.stats-preview-handle{min-width:0}.stats-preview-handle strong,.stats-preview-rank-label,.stats-preview-rating,.stats-preview-stat strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-preview-handle strong{font-size:5.5cqw;font-weight:900;line-height:1;display:block}.stats-preview-handle span,.stats-preview-stat span{color:var(--muted-2);letter-spacing:.07em;text-transform:uppercase;font-size:2.1cqw;font-weight:800;display:block}.stats-preview-rank-label{max-width:52%;color:var(--accent);font-size:10cqw;font-weight:900;line-height:.92;position:absolute;top:40%;left:5%}.stats-preview-rating{max-width:52%;color:var(--text);font-size:4.2cqw;font-weight:900;position:absolute;top:61%;left:5%}.stats-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;width:50%;display:grid;position:absolute;bottom:8%;right:5%}.stats-preview-stat{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .04);border-radius:10px;flex-direction:column;justify-content:space-between;min-width:0;padding:5% 6%;display:flex}.stats-preview-stat strong{color:var(--accent);letter-spacing:0;margin-top:4%;font-size:clamp(13px,3.8cqw,20px);font-weight:900;line-height:1;display:block}.stats-preview-stat strong.is-long{font-size:clamp(11px,2.9cqw,15px)}.stats-preview-badges{gap:5%;width:36%;display:flex;position:absolute;bottom:8%;left:5%}.stats-preview-badge{aspect-ratio:1;width:28%;color:var(--accent);background:#d9ff001a;border:1px solid #d9ff003d;border-radius:8px;place-items:center;font-size:3.5cqw;font-weight:900;display:grid}.stats-profile-meta{gap:9px;padding-top:10px;display:grid}.stats-rank-line{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stats-rank-line span{color:var(--accent);letter-spacing:.02em;font-size:17px;font-weight:900}.stats-rank-line strong{overflow-wrap:anywhere;min-width:0;color:var(--muted-2);text-align:right;font-size:13px;font-weight:800;line-height:1.05}.stats-progress{color:var(--muted-2);gap:6px;font-size:12px;font-weight:800;display:grid}.stats-progress-track{background:#ffffff0f;border:1px solid #ffffff17;border-radius:999px;height:8px;display:block;overflow:hidden}.stats-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--cyan));width:0%;min-width:4px;height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb), .45);display:block}.stats-edit-button{border-color:rgba(var(--accent-rgb), .26);background:rgba(var(--accent-rgb), .07);width:100%;color:var(--accent)}.stats-edit-surface{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.stats-edit-group h3{margin-top:12px}.stats-identity-controls{gap:9px;display:grid}.stats-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.stat-option,.badge-option{text-align:left;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;min-height:46px;padding:9px;display:flex}.stat-option input,.badge-option input{flex:none}.stat-option span,.badge-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.badge-option-list{gap:7px;display:grid}.badge-option{justify-content:space-between}.badge-option-main{align-items:center;gap:9px;min-width:0;display:flex}.badge-option-icon{width:34px;height:34px;color:var(--accent);background:#ffffff12;border-radius:9px;flex:none;place-items:center;font-weight:900;display:grid}.badge-option small{max-width:180px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.badge-option.is-locked{opacity:.58}.stats-profile-panel{background:radial-gradient(circle at 82% 8%, rgba(var(--accent-rgb), .18), transparent 12rem), linear-gradient(180deg, #ffffff17, #ffffff09), var(--panel)}.stats-card-shell{border-color:rgba(var(--accent-rgb), .34);box-shadow:inset 0 1px 0 #ffffff14, 0 18px 52px #00000094, 0 0 0 1px rgba(var(--accent-rgb), .08);background:#030405;border-radius:16px}.stats-card-preview{isolation:isolate;background:#0b1004}.stats-card-preview:after{content:"";pointer-events:none;border:1px solid rgba(var(--accent-rgb), .22);position:absolute;inset:0}.stats-preview-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:12px;width:56%;max-width:56%;padding:2.4%;top:7%;left:4%}.stats-preview-rank-asset,.stats-preview-badge{box-shadow:none;background:0 0;border:0;overflow:hidden}.stats-preview-rank-asset{width:18%;top:6%;right:4%}.stats-preview-avatar{width:15%;min-width:32px}.stats-preview-handle strong{font-size:clamp(18px,4.4cqw,36px)}.stats-preview-rank-label{letter-spacing:.01em;max-width:42%;font-size:clamp(26px,6.4cqw,52px);top:38%;left:4%}.stats-preview-rank-label.is-long{font-size:clamp(20px,5cqw,40px);top:39.5%}.stats-preview-rank-label.is-very-long{font-size:clamp(16px,3.8cqw,30px);top:41%}.stats-preview-rating{max-width:42%;font-size:clamp(17px,3.6cqw,30px);top:56%;left:4%}.stats-preview-stats{grid-template-rows:repeat(3,minmax(0,1fr));gap:3.5%;width:54%;top:38%;bottom:8%;right:4%}.stats-preview-badges{gap:6%;width:30%;bottom:8%;left:4%}.stats-preview-badge{width:30%}.stats-rank-emblem,.stats-badge-emblem{background:linear-gradient(160deg, #ffffff1a, #ffffff05 45%, #00000052), linear-gradient(150deg, color-mix(in srgb, var(--emblem-a,var(--accent)) 30%, #0a0d0f), #07090b 80%);clip-path:polygon(50% 0%,94% 22%,86% 78%,50% 100%,14% 78%,6% 22%);width:100%;height:100%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--emblem-a,var(--accent)) 48%, transparent), inset 0 -16px 28px #00000073;place-items:center;display:grid;position:relative}.stats-rank-emblem:before,.stats-badge-emblem:before{content:"";border:1px solid color-mix(in srgb, var(--emblem-a,var(--accent)) 26%, transparent);clip-path:inherit;position:absolute;inset:7%}.stats-rank-emblem strong,.stats-badge-emblem strong{z-index:1;color:color-mix(in srgb, var(--emblem-b,#f8f9f5) 88%, var(--emblem-a,var(--accent)));text-shadow:0 0 18px color-mix(in srgb, var(--emblem-a,var(--accent)) 60%, transparent);font-family:Titan One,Inter,sans-serif;font-size:clamp(18px,8cqw,42px);line-height:1}.stats-badge-emblem{clip-path:polygon(50% 0%,90% 17%,100% 57%,72% 92%,28% 92%,0% 57%,10% 17%)}.stats-badge-emblem strong{font-size:clamp(12px,3.8cqw,22px)}.badge-option-icon.stats-badge-emblem{color:#050608;border-radius:0;flex:none;width:34px;height:34px}.stats-card-preview.is-editing{cursor:grab}.stats-card-preview.is-jiggling>:not(.stats-preview-bg-grid):before{pointer-events:none}.stats-card-preview.is-jiggling>:not(.stats-preview-bg-grid){transform-origin:50%;animation:.18s ease-in-out infinite alternate stats-jiggle}.stats-card-preview .is-dragging-stat{z-index:5;cursor:grabbing;filter:drop-shadow(0 16px 28px #00000070);animation:none!important}@keyframes stats-jiggle{0%{transform:rotate(-.8deg)translateY(-.5px)}to{transform:rotate(.8deg)translateY(.5px)}}.stats-badge-modal-panel{gap:12px}.stats-badge-modal-list{gap:9px;display:grid}.stats-badge-row{border:1px solid var(--line);text-align:left;background:#ffffff14;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:11px;min-height:62px;padding:9px 11px;display:grid}.stats-badge-row .stats-badge-emblem{width:44px;height:44px}.stats-badge-row.is-locked{opacity:.62}.stats-badge-row.is-selected{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .12)}.stats-badge-copy{gap:3px;min-width:0;display:grid}.stats-badge-copy strong,.stats-badge-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-badge-copy small{color:var(--muted);font-size:12px}.stats-badge-state{color:var(--accent);font-size:12px;font-weight:900}.profile-card{align-items:center;gap:14px;padding:15px;display:flex}.profile-copy{min-width:0}.profile-copy h1{overflow-wrap:anywhere;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,9vw,39px);font-weight:900;line-height:.98}.profile-copy p{margin:8px 0 0;font-size:13px;line-height:1.35}.avatar,.token-avatar{color:#050608;background:linear-gradient(135deg,#d9ff00e6,#55e7ffcc);border:1px solid #d9ff0040;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-family:Titan One,Inter,sans-serif;font-weight:400;display:inline-grid}.avatar-lg{width:66px;height:66px;font-size:26px}.avatar-blue{background:linear-gradient(135deg, var(--blue), var(--cyan))}.avatar-gold{background:linear-gradient(135deg, var(--gold), var(--accent))}.token-avatar{color:var(--accent);background:#11161c;border-radius:15px;font-family:Inter,sans-serif;font-size:12px;font-weight:900}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff16,#ffffff06),#0d1014;border-radius:17px;min-width:0;min-height:78px;padding:10px;overflow:hidden}.metric-card-wide{background:radial-gradient(circle at 82% 20%,#d9ff0033,#0000 9rem),linear-gradient(135deg,#d9ff001c,#ffffff09),#0d1014;grid-column:span 3;min-height:104px}.metric-card span{color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:800;line-height:1.08;display:block}.metric-card strong{overflow-wrap:anywhere;color:var(--text);font-family:Titan One,Inter,sans-serif;font-size:clamp(20px,6.3vw,28px);font-weight:400;line-height:.95;display:block}.metric-card-wide strong{color:var(--accent);text-shadow:0 0 22px rgba(var(--accent-rgb), .18);font-size:clamp(42px,15vw,66px)}.section-block,.empty-state,.controls-block{margin-top:10px;padding:12px}.section-head,.selected-head,.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.selected-head{justify-content:flex-start}.selected-title{min-width:0}.row{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);text-align:left;background:#ffffff0e;border-radius:18px;align-items:center;gap:10px;margin-top:7px;padding:11px;display:flex}button.row{justify-content:flex-start;min-height:62px}.row-main{flex:auto;gap:4px;min-width:0;display:grid}.row-main strong,.row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-main strong{font-size:15px}.row-side{color:var(--accent);flex:none;font-family:Titan One,Inter,sans-serif;font-size:18px;font-weight:400}.group-row .row-side{font-size:clamp(20px,5.5vw,26px);line-height:.9}.call-row{grid-template-rows:27px 27px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:4px 9px;min-height:72px;padding:9px 10px;display:grid}.call-row .token-avatar{grid-row:1/3;width:42px;height:42px}.call-row .row-main{grid-area:1/2/3;grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-self:stretch;gap:0}.call-row .row-main strong{align-self:end;padding-right:122px;font-size:15px;line-height:1.05}.call-row .row-main small{align-self:start;padding-top:4px;padding-right:122px;font-size:12px}.call-row .pnl-value{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2/3;place-self:center end;align-items:baseline;gap:5px;max-width:132px;font-size:clamp(22px,7vw,30px);line-height:.9;display:inline-flex;overflow:hidden}.call-row .pnl-value .rp-delta{color:var(--accent);flex:none;font-size:11px;font-weight:900;line-height:1}.call-row .pnl-value .rp-delta.is-negative{color:var(--red)}.call-row .small-button{border-radius:11px;width:42px;min-width:42px;height:26px;min-height:26px;padding:0}.call-row .small-button:first-of-type{grid-area:1/3}.call-row .small-button:last-of-type{grid-area:2/3}.small-button{min-height:38px;padding:0 12px;font-size:12px}.small-button svg{width:15px;height:15px}.icon-button,.icon-action{width:44px;min-width:44px;height:44px;padding:0}.primary{background:linear-gradient(135deg, var(--accent), #f2ff84);color:#050604;box-shadow:0 10px 28px rgba(var(--accent-rgb), .2);border-color:#0000}.primary:hover{background:linear-gradient(135deg, var(--accent), #f2ff84);color:#050604;border-color:#0000}.danger{background:linear-gradient(135deg, var(--red), #ff9aa6);color:#1d0307;box-shadow:0 10px 28px #ff53652e}.ghost-button,.link-button,.full-button{background:#fff1}.full-button{width:100%}.primary.full-button{background:linear-gradient(135deg, var(--accent), #f2ff84);color:#050604}.loading-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 18px rgba(var(--accent-rgb), .58);border-radius:50%;flex:none;animation:1.15s ease-in-out infinite pulse}.pnl-value.is-loading{border:2px solid #d9ff0038;border-top-color:var(--accent);color:#0000;border-radius:50%;width:20px;min-width:20px;height:20px;animation:.78s linear infinite spin;display:inline-flex}.state-message,.warning-message{background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.35}.warning-message{color:#ffe0a0;border-color:#ffc85747}.visual-layout{gap:10px;margin-top:-2px;display:grid}.visual-hero{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 0;display:flex}.visual-hero h1{font-family:Titan One,Inter,sans-serif}.preview-shell{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.card-preview{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow);touch-action:none;background:#050608;border:1px solid #ffffff24;border-radius:18px;position:relative;overflow:hidden}.modal-card .rendered-card{z-index:0;object-fit:contain;background:#050608;width:100%;height:100%;position:absolute;inset:0}.modal-card .rendered-card.is-loading{opacity:0}.live-card{--preview-scale:1;box-shadow:none;color:#f5f7fa;border:0;border-radius:0;font-family:Inter,system-ui,sans-serif}.live-bg{background:#050606 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20675'%20width='1200'%20height='675'%3e%3crect%20width='1200'%20height='675'%20fill='%23050606'/%3e%3cradialGradient%20id='g1'%20cx='24%25'%20cy='16%25'%20r='58%25'%3e%3cstop%20offset='0'%20stop-color='%23263400'%20stop-opacity='0.30'/%3e%3cstop%20offset='0.42'%20stop-color='%230d1203'%20stop-opacity='0.32'/%3e%3cstop%20offset='1'%20stop-color='%23050606'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='g3'%20cx='76%25'%20cy='86%25'%20r='58%25'%3e%3cstop%20offset='0'%20stop-color='%2316352f'%20stop-opacity='0.10'/%3e%3cstop%20offset='0.45'%20stop-color='%23071110'%20stop-opacity='0.08'/%3e%3cstop%20offset='1'%20stop-color='%23050606'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3crect%20width='1200'%20height='675'%20fill='url(%23g1)'/%3e%3crect%20width='1200'%20height='675'%20fill='url(%23g3)'/%3e%3cpath%20d='M0%200%20H1200%20V675%20H0%20Z'%20fill='none'%20stroke='%23d9ff00'%20stroke-opacity='0.08'%20stroke-width='2'/%3e%3crect%20x='18'%20y='18'%20width='1164'%20height='639'%20rx='32'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.035'%20stroke-width='2'/%3e%3crect%20width='1200'%20height='675'%20fill='%23000000'%20opacity='0.14'/%3e%3c/svg%3e") 50%/cover no-repeat;position:absolute;inset:0}.live-frame{display:none}.live-chart{width:60.333%;min-width:0;height:59.259%;min-height:0;box-shadow:none;pointer-events:auto;transform-origin:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;top:23.407%;left:35.833%;overflow:visible;background:0 0!important}.live-chart svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.live-marker{z-index:7;box-sizing:border-box;pointer-events:none;background:#050505eb;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;font-weight:900;line-height:1;display:flex;position:absolute}.live-brand{z-index:8;box-sizing:border-box;aspect-ratio:1;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0;padding:0;line-height:0;display:flex;position:absolute}.live-brand-mark{background:#d9ff00;width:100%;height:100%;display:block;-webkit-mask:url(./panoptiq-icon-XAono-ZO.png) 50%/contain no-repeat;mask:url(./panoptiq-icon-XAono-ZO.png) 50%/contain no-repeat}.live-watermark{z-index:8;color:#050505;opacity:.46;pointer-events:none;text-shadow:-1px -1px #ffffffeb,1px -1px #ffffffeb,-1px 1px #ffffffeb,1px 1px #ffffffeb;font-size:6px;font-weight:900;line-height:1.14;position:absolute;bottom:10px;right:14px}.live-movable,.live-text{z-index:5;box-sizing:border-box;min-width:0;min-height:0;color:inherit;cursor:grab;font:inherit;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;border:0;margin:0;padding:0;line-height:1.08;display:block;position:absolute;background:0 0!important}.live-movable:hover,.live-movable.is-selected,.live-selectable:hover,.live-selectable.is-selected{box-shadow:0 0 0 max(1px, calc(2px * var(--preview-scale))) #d9ff00, 0 0 calc(16px * var(--preview-scale)) #d9ff004d;outline:none;background:0 0!important}.live-chart:hover,.live-chart.is-selected,.live-brand:hover,.live-brand.is-selected,.live-marker:hover,.live-marker.is-selected,.live-text:hover,.live-text.is-selected{background:0 0!important}.live-chart:hover,.live-chart.is-selected{box-shadow:0 0 0 max(1px, calc(2px * var(--preview-scale))) #d9ff00, 0 0 calc(14px * var(--preview-scale)) #d9ff0038;outline:none}.live-movable.is-dragging{cursor:grabbing}.live-text{font-family:var(--font-family,Inter), system-ui, sans-serif;text-overflow:clip;white-space:nowrap;font-weight:900;overflow:visible}.live-text:hover,.live-text.is-selected{box-shadow:none;overflow:visible}.live-text:after{content:"";left:calc(-1 * var(--selection-x-pad,0px));right:calc(-1 * var(--selection-x-pad,0px));z-index:1;height:var(--selection-height,100%);box-sizing:border-box;border:max(1px, calc(2px * var(--preview-scale))) solid #d9ff00;border-radius:max(2px, calc(7px * var(--preview-scale)));opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.live-text:hover:after,.live-text.is-selected:after{opacity:1}.live-token-avatar,.live-user-avatar{color:#f5f7fa;background:#101313;border:0 solid #0000;border-radius:24px;justify-content:center;align-items:center;width:48px;min-width:0;height:48px;min-height:0;font-size:14px;font-weight:900;line-height:1;display:flex;overflow:hidden}.live-token-avatar img{z-index:1;object-fit:contain;width:48%;height:48%;position:relative}.live-token-avatar{box-shadow:0 0 0 max(1px, calc(1px * var(--preview-scale))) #fff3 inset, 0 calc(8px * var(--preview-scale)) calc(18px * var(--preview-scale)) #0000003d;background:#464d4d!important}.live-token-avatar:before{content:"";z-index:0;border-radius:inherit;background:radial-gradient(circle at 30% 24%,#ffffff3d,#0000 33%),linear-gradient(145deg,#5a6262,#363c3c);position:absolute;inset:0}.live-token-name{padding-bottom:2px;line-height:1.28}.live-token-ticker,.live-token-age,.live-called,.live-username{line-height:1.14}.live-pnl{line-height:.95}.live-username{min-height:0;font-weight:700}.controls-block{gap:12px;padding:12px;display:grid}.action-dock,.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.action-dock button,.button-row button{min-width:0}.tool-strip{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;grid-template-columns:48px 48px minmax(0,1fr);gap:8px;padding:7px;display:grid}.control-group{gap:9px;display:grid}.control-group[hidden],.control-line[hidden]{display:none}.control-line,.toggles label{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.control-line-stack{grid-template-columns:1fr;align-items:stretch;gap:8px;display:grid}.range-line{grid-template-columns:82px minmax(0,1fr);display:grid}.control-line span,.toggles span{min-width:0;color:var(--muted-2);font-size:13px;font-weight:800}select,input[type=search],input[type=number],input[type=text],input[type=file]{width:100%;min-width:0;min-height:46px;color:var(--text);background:#00000057;border:1px solid #ffffff1d;border-radius:15px;outline:none;padding:0 13px;font-size:15px}input[type=file]{color:var(--muted-2);align-items:center;padding:10px 12px;display:flex}.secondary-control-button{border-radius:15px;justify-content:center;width:100%;min-height:44px}.control-line.is-disabled{opacity:.58}.control-line.is-disabled input{cursor:not-allowed}.background-image-field{gap:10px}.background-image-input-row{grid-template-columns:minmax(0,1fr) 46px;gap:8px;display:grid}.background-file-shell{min-width:0;min-height:46px;color:var(--muted-2);background:#00000057;border:1px solid #ffffff1d;border-radius:15px;align-items:center;padding:0 13px;font-size:13px;font-weight:800;display:flex;position:relative;overflow:hidden}.background-file-shell input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.background-remove-icon{color:#ff7d8b;background:#ff53651f;border-color:#ff536561;border-radius:15px;width:46px;min-width:46px;min-height:46px;padding:0}.background-remove-icon:hover{background:#ff53652e;border-color:#ff53658c}[data-show-unsupported]{display:none!important}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 12px) 52%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}.native-control-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.custom-select-trigger{width:100%;min-height:48px;color:var(--text);background:linear-gradient(#ffffff13,#ffffff09),#00000057;border-radius:15px;justify-content:space-between;align-items:center;padding:0 13px 0 15px;font-weight:800;position:relative}.custom-select-trigger:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:9px;height:9px;transform:translateY(-2px)rotate(45deg)}.custom-select-trigger svg{display:none}.custom-select-value{min-width:0;min-height:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:15px;line-height:1;display:flex;overflow:hidden}.choice-list{gap:8px;display:grid}.choice-row{text-align:left;border-radius:18px;justify-content:stretch;align-items:center;gap:12px;min-height:58px;padding:0 12px 0 14px;display:flex}.choice-row span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:15px;font-weight:900;line-height:1;display:block;position:relative;top:1px;overflow:visible}.choice-row.font-choice span{top:0}.choice-row small{color:var(--muted);flex:none;margin-top:4px;font-size:12px;font-weight:800}.choice-row svg{color:var(--muted-2);flex:none}.choice-row.font-choice{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px 10px 14px;display:grid}.choice-row.font-choice small{grid-column:1}.choice-row.font-choice svg{grid-area:1/2/3;align-self:center}.choice-row.is-selected{border-color:rgba(var(--accent-rgb), .46);background:rgba(var(--accent-rgb), .13)}.choice-row.is-selected svg{color:var(--accent)}.font-choice span{font-size:clamp(20px,6vw,28px);line-height:1.05}.color-control{grid-template-columns:minmax(0,1fr) 112px;gap:8px;display:grid}.color-trigger{background:linear-gradient(#ffffff13,#ffffff09),#00000057;border-radius:15px;min-height:46px;padding:0 10px}.color-swatch{border:2px solid #ffffffb8;border-radius:50%;flex:none;width:22px;height:22px;box-shadow:0 0 0 1px #0000005c}.color-trigger-label{color:var(--text);font-size:13px;font-weight:900}input::placeholder{color:#ffffff57}input[type=range]{appearance:none;width:100%;min-width:0;height:34px;accent-color:var(--accent);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, rgba(var(--accent-rgb), .84), #ffffff21);border:0;border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:24px;height:24px;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .7);border:3px solid #050608;border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, rgba(var(--accent-rgb), .84), #ffffff21);border:0;border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{background:var(--accent);width:24px;height:24px;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .7);border:3px solid #050608;border-radius:50%}input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;flex:none;width:52px;height:30px;transition:background .18s,border-color .18s;position:relative}input[type=checkbox]:after{content:"";background:#ffffffc7;border-radius:50%;width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:4px;left:4px}input[type=checkbox]:checked{border-color:rgba(var(--accent-rgb), .66);background:rgba(var(--accent-rgb), .28)}input[type=checkbox]:checked:after{background:var(--accent);transform:translate(22px)}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.settings-workspace{gap:12px;display:grid}.settings-picker,.settings-detail{animation:.18s both panelIn}.settings-list,.settings-topic-list,.settings-command-list,.settings-results,.settings-access-list>div{gap:8px;display:grid}.settings-chat-row,.topic-row,.settings-user-result,.exception-row{text-align:left;justify-content:stretch;min-height:66px}.settings-chat-row svg,.topic-row svg,.settings-user-result svg{width:18px;height:18px;color:var(--muted-2)}.settings-entity-head{border-bottom:1px solid var(--line);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding-bottom:14px;display:grid}.settings-entity-head .status-pill{grid-column:1/-1;justify-self:start;margin-left:56px}.settings-entity-head .status-pill.is-warning{color:var(--gold);background:#ffc8571c;border-color:#ffc85757}.settings-avatar{width:46px;height:46px}.settings-body{padding-top:4px}.settings-cluster{margin-top:14px}.settings-cluster h3,.settings-access-list h3{margin:0 0 10px}.settings-empty-copy{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:18px;margin:0;padding:14px;font-size:13px;line-height:1.35}.command-toggle{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff13,#ffffff09),#ffffff0a;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:12px 12px 12px 14px;display:flex}.command-toggle-group{display:grid}.call-rule-group{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff13,#ffffff09),#ffffff0a;border-radius:18px;overflow:hidden}.call-rule-group .command-toggle{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:58px}.call-rules-panel{background:#0000000b;gap:10px;padding:12px;display:grid}.call-rule-row{gap:8px;display:grid}.call-rule-row+.call-rule-row{border-top:1px solid var(--line);padding-top:10px}.call-rule-row strong,.compact-check span{color:var(--text);font-size:13px;line-height:1.15}.call-rule-row small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.2;display:block}.compact-check{align-items:center;gap:10px;width:max-content;display:inline-flex}.call-rule-inline,.call-rule-grid,.split-input{gap:8px;display:grid}.call-rule-inline{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr) minmax(92px,.9fr);align-items:center}.call-rule-inline span{color:var(--muted);white-space:nowrap;font-size:12px}.call-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.call-rule-grid label{gap:5px;display:grid}.call-rule-grid label>span:first-child{color:var(--muted);font-size:11px}.split-input{grid-template-columns:1fr}.call-rules-panel input[type=number]{border:1px solid var(--line);width:100%;height:42px;color:var(--text);font:inherit;background:#ffffff0e;border-radius:14px;padding:0 10px;font-size:13px}.unit-segment{grid-template-columns:repeat(var(--unit-count,2), minmax(0, 1fr));border:1px solid var(--line);background:#ffffff0b;border-radius:14px;min-height:42px;padding:3px;display:grid}.unit-segment-3{--unit-count:3}.unit-segment button{min-width:0;min-height:34px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:11px;padding:0 7px;font-size:11px;line-height:1}.unit-segment button.is-selected{background:rgba(var(--accent-rgb), .22);color:var(--text)}.call-rules-panel input.is-invalid{background:#ffc85717;border-color:#ffc857c7}.call-rule-error{color:var(--gold);margin:0;font-size:12px;line-height:1.3}.command-toggle strong,.settings-access-list strong{color:var(--text);font-size:15px;line-height:1.1;display:block}.command-toggle small,.settings-access-list small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.1;display:block}.access-button{margin-top:16px}.topic-dot{background:var(--accent);width:14px;height:14px;box-shadow:0 0 18px rgba(var(--accent-rgb), .42);border-radius:50%;flex:none}.topic-row.is-selected{border-color:var(--line-strong)}.settings-search{margin-top:4px;position:relative}.settings-search svg{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.settings-search input{width:100%;padding-left:44px}.settings-results{margin-top:12px}.settings-access-list{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.exception-row{grid-template-columns:auto minmax(0,1fr) auto}.exception-row .small-button{width:auto;min-width:88px;padding:0 12px}.avatar-image{color:#0000;background-position:50%;background-size:cover}.sheet-panel{width:min(100%,432px);max-height:min(82dvh,720px);padding-bottom:max(20px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;align-self:end;overflow:auto}.compact-sheet{max-height:min(70dvh,560px)}.color-sheet{max-height:min(86dvh,720px)}.color-picker{gap:14px;display:grid}.color-preview-row{grid-template-columns:74px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.color-preview-large{background:var(--accent);border:1px solid #ffffff2e;border-radius:18px;min-height:74px;box-shadow:0 14px 32px #0000004d,inset 0 1px #ffffff1f}.color-hex-field{gap:7px;display:grid}.color-hex-field span{color:var(--muted-2);font-size:12px;font-weight:900}.color-plane{touch-action:none;border:1px solid #ffffff29;border-radius:20px;height:210px;position:relative;overflow:visible}.color-plane:before,.color-plane:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.color-plane:before{background:linear-gradient(90deg,#fff,#fff0)}.color-plane:after{background:linear-gradient(#0000,#000)}.color-plane-cursor{z-index:2;pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000009e,0 6px 18px #00000059}.hue-slider{height:34px}input[type=range].hue-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f03,#ffea00,#0f6,#00d5ff,#4a5bff,#ff00d4,#f03);border-radius:999px;height:12px}input[type=range].hue-slider::-moz-range-track{background:linear-gradient(90deg,#f03,#ffea00,#0f6,#00d5ff,#4a5bff,#ff00d4,#f03);border-radius:999px;height:12px}.color-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hint{margin:8px 0 0;font-size:12px;line-height:1.38}.empty-state{text-align:center;justify-items:center;padding:28px 18px;display:grid}.empty-icon,.dialog-icon{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .1);width:58px;height:58px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.empty-state h1{margin:16px 0 8px;font-family:Titan One,Inter,sans-serif;font-size:28px}.empty-state p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.45}.bottom-nav{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:20;max-width:432px;height:var(--nav-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0cdb;border:1px solid #ffffff21;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 auto;padding:8px;display:grid;position:fixed;box-shadow:0 18px 54px #000000a3,inset 0 1px #ffffff0f}.bottom-nav button{min-width:0;min-height:58px;color:var(--muted);background:0 0;border-color:#0000;border-radius:20px;grid-template-rows:22px 16px;gap:4px;padding:7px 4px;font-size:11px;font-weight:900;display:grid}.bottom-nav button svg{justify-self:center}.bottom-nav button.is-active{background:rgba(var(--accent-rgb), .13);color:var(--accent);box-shadow:inset 0 1px #ffffff0d}.toast{left:50%;bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));z-index:70;border:1px solid rgba(var(--accent-rgb), .32);max-width:min(340px,100vw - 32px);color:var(--accent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1012e6;border-radius:999px;padding:12px 16px;font-weight:900;animation:.22s both toastIn;position:fixed;transform:translate(-50%)}.modal{z-index:80;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000b8;place-items:center;animation:.18s both modalFade;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-panel,.dialog-panel{width:min(100%,432px);max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff17,#ffffff09),#0b0d10;border-radius:28px;padding:14px;animation:.22s cubic-bezier(.22,1,.36,1) both modalPanelIn;overflow:auto}.modal-head h2{font-family:Titan One,Inter,sans-serif}.modal-panel .button-row{margin-top:12px}.dialog-panel{text-align:center;justify-items:center;padding:22px 16px 16px;display:grid}.dialog-panel h2{margin:14px 0 8px;font-family:Titan One,Inter,sans-serif;font-size:28px}.dialog-panel p{color:var(--muted);margin-bottom:18px}.dialog-panel .button-row{width:100%}.overlay-message{z-index:2;background:#000000b8;margin:0;position:absolute;bottom:12px;left:12px;right:12px}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pulse{0%,to{opacity:.46;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg:#000;--bg-2:#050505;--panel:#0d0d0df0;--panel-strong:#1a1a1a;--panel-soft:#ffffff0b;--glass:#ffffff06;--line:#333;--line-strong:rgba(var(--accent-rgb), .5);--text:#fff;--muted:#a3a3a3;--muted-2:#e5e5e5;--cyan:#2ce6d1;--red:#ff5365;--gold:#ffb000;--blue:#6da7ff;--shadow:0 18px 44px #0000007a;--radius:12px;--radius-sm:6px;--radius-xs:4px;--nav-height:72px}html{background:var(--bg)}body{background:radial-gradient(circle at 18% -8%, rgba(var(--accent-rgb), .1), transparent 28rem), radial-gradient(circle at 92% 4%, rgba(var(--accent-rgb), .045), transparent 24rem), linear-gradient(180deg, #050505 0%, var(--bg) 34rem)}body:before{content:"";z-index:-1;opacity:.045;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.app-shell{background:linear-gradient(180deg, #ffffff05, transparent 26rem), var(--bg)}.app-shell:before{opacity:.65;background-size:40px 40px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.hub-app{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) calc(var(--nav-height) + 18px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-content:start;gap:10px;display:grid}.hub-topbar{top:max(10px, env(safe-area-inset-top));z-index:24;border:1px solid var(--line);border-radius:var(--radius);min-height:62px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff08,#0000 92px),#0d0d0deb;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky}.hub-topbar-brand{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.hub-topbar .brand-mark{border:1px solid rgba(var(--accent-rgb), .24);background:linear-gradient(180deg, rgba(var(--accent-rgb), .12), transparent), #ffffff05;width:36px;height:36px;box-shadow:none;border-radius:10px;-webkit-mask:none;mask:none}.hub-topbar .brand-mark:before{content:"";background:var(--accent);width:100%;height:100%;display:block;-webkit-mask:url(./panoptiq-icon-XAono-ZO.png) 50%/66% no-repeat;mask:url(./panoptiq-icon-XAono-ZO.png) 50%/66% no-repeat}.hub-topbar-title{gap:3px;min-width:0;display:grid}.hub-topbar-title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.1;overflow:hidden}h1,h2,h3,.modal-head h2,.dialog-panel h2,.visual-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1{font-size:clamp(27px,8vw,38px);line-height:1}h2{font-size:18px}h3{color:var(--muted);letter-spacing:0;font-size:12px}button{border-color:var(--line);border-radius:var(--radius-sm);background:var(--glass);min-height:42px;color:var(--text);box-shadow:none}button:hover{background:#ffffff0b;border-color:#4d4d4d}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .22);outline:none}.primary,.primary:hover,.primary.full-button{border-color:rgba(var(--accent-rgb), .46);background:var(--accent);color:#000;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .16)}.bottom-nav button.is-active{border-color:rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .13);color:var(--accent);box-shadow:inset 0 1px #ffffff0d}.danger{color:#1d0307;background:#ff5365;border-color:#ff536575}.status-chip,.status-pill,.toast{border-radius:var(--radius-sm)}.auth-card,.profile-card,.stats-profile-panel,.section-block,.empty-state,.controls-block,.stats-badge-row,.call-rule-group,.settings-empty-copy,.modal-panel,.dialog-panel{border-color:var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff08, transparent 92px), var(--panel);box-shadow:var(--shadow)}.stats-profile-panel{background:linear-gradient(180deg, rgba(var(--accent-rgb), .055), transparent 140px), var(--panel);margin-top:0}.section-block,.empty-state,.controls-block{margin-top:0}.stats-card-shell,.card-preview,.preview-shell{border-color:var(--line);border-radius:var(--radius);box-shadow:0 28px 70px #0000009e}.preview-shell{border:1px solid var(--line);background:var(--panel);padding:8px}.live-card{border-radius:var(--radius-sm)}.row,.stat-option,.badge-option,.metric-card,.control-line,.toggles label,.tool-strip,.custom-select-trigger,.choice-row,.color-trigger,.background-file-shell,.secondary-control-button,.call-rules-panel input[type=number],.unit-segment,.state-message,.warning-message{border-color:var(--line);border-radius:var(--radius-sm);background:#ffffff06}.row{padding:10px}.row-side,.group-row .row-side,.metric-card-wide strong{text-shadow:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900}.avatar,.token-avatar{border-radius:var(--radius-sm);border-color:rgba(var(--accent-rgb), .3);background:linear-gradient(160deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .08));color:var(--accent);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900}.avatar-lg{border-radius:10px}.token-avatar{border-color:rgba(var(--accent-rgb), .32);background:rgba(var(--accent-rgb), .12);color:var(--accent)}.small-button,.icon-button,.icon-action,.call-row .small-button,.background-remove-icon{border-radius:var(--radius-sm)}.icon-button,.icon-action{width:40px;min-width:40px;height:40px}.call-row .small-button{width:40px;min-width:40px}.action-dock,.button-row{gap:8px}.tool-strip{grid-template-columns:42px 42px minmax(112px,1fr);padding:6px}.icon-action-wide{width:auto;min-width:0;padding:0 12px}.control-line{padding:10px}select,input[type=search],input[type=number],input[type=text],input[type=file],.custom-select-trigger{border-radius:var(--radius-sm);min-height:42px;color:var(--text);background:#0f0f0f;border-color:#262626;font-size:14px}input[type=text]{box-shadow:none}.background-image-input-row{grid-template-columns:minmax(0,1fr) 42px}.background-remove-icon{width:42px;min-width:42px;min-height:42px}input[type=checkbox],.stats-progress-track{border-radius:var(--radius-sm)}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-sm)}input[type=range]::-moz-range-track{border-radius:var(--radius-sm)}input[type=checkbox]{width:48px;height:28px}input[type=checkbox]:after{width:18px;height:18px;top:4px;left:4px}input[type=checkbox]:checked:after{transform:translate(20px)}.choice-row.is-selected,.topic-row.is-selected,.stats-badge-row.is-selected,.unit-segment button.is-selected{border-color:var(--line-strong);background:rgba(var(--accent-rgb), .12)}.unit-segment button{border-radius:var(--radius-xs)}.color-preview-large,.color-plane{border-radius:var(--radius)}.sheet-panel{border-radius:var(--radius) var(--radius) 0 0}.bottom-nav{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border-color:var(--line);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow);background:#0d0d0deb;padding:6px}.bottom-nav button{border-radius:var(--radius-sm);background:0 0;min-height:56px}.modal{background:#000000c7}.modal-panel,.dialog-panel{padding:12px}.toast{box-shadow:var(--shadow);background:#0d0d0df0}@media (width<=370px){.hub-app{padding-inline:10px}.profile-card{padding:14px}.profile-copy h1{font-size:31px}.metric-card{min-height:74px;padding:9px}.metric-card strong{font-size:20px}.metric-card-wide strong{font-size:46px}.call-row{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px 8px;min-height:70px}.call-row .small-button{width:40px;min-width:40px;padding:0}.range-line{grid-template-columns:74px minmax(0,1fr)}.call-rule-inline,.call-rule-grid{grid-template-columns:1fr}.split-input{grid-template-columns:minmax(0,1fr) minmax(86px,.8fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
