/* Copyright (c) 2026 NEXUS. All rights reserved. Proprietary and confidential. Unauthorized copying or redistribution of this file is prohibited. */ :root { color-scheme: dark; --bg:#0a0a0f; --bg2:#0f0f1a; --bg3:#13131f; --border:#1a1a2e; --border2:#2a2a4a; --cyan:#00f5ff; --pink:#ff2d78; --purple:#bd00ff; --purple-text:#e080ff; --green:#00ff9f; --yellow:#ffe600; --text:#e0e0f0; --text2:#a3a3d0; --text3:#6e6ea3; --glow-c:0 0 8px #00f5ff88; --glow-p:0 0 8px #ff2d7888; --glow-pur:0 0 8px #bd00ff88; --font-mono: ui-monospace, 'Cascadia Code', 'Consolas', 'SF Mono', monospace; } html.theme-dusk { --bg:#1b1f2b; --bg2:#232838; --bg3:#2a3040; --border:#333b52; --border2:#454f6e; --text:#e4e6f0; --text2:#b4bad0; --text3:#7f86a8; } *{box-sizing:border-box;margin:0;padding:0;} html{scrollbar-width:thin;scrollbar-color:var(--border2) var(--bg);} *::-webkit-scrollbar{width:11px;height:11px;} *::-webkit-scrollbar-track{background:var(--bg);} *::-webkit-scrollbar-corner{background:var(--bg);} *::-webkit-scrollbar-thumb{background:var(--border2);border-radius:5px; border:2px solid var(--bg);} *::-webkit-scrollbar-thumb:hover{background:var(--text3);} html{background:var(--bg);} body{background:transparent;color:var(--text);font-family:var(--font-mono);padding:20px;overflow-x:hidden; background-image:linear-gradient(rgba(0,245,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,0.02) 1px,transparent 1px); background-size:40px 40px;} body.data-view #black-hole-bg{opacity:0.22;transition:opacity .35s ease;} body.data-view{background-image: linear-gradient(rgba(0,245,255,0.012) 1px,transparent 1px), linear-gradient(90deg,rgba(0,245,255,0.012) 1px,transparent 1px);} #black-hole-bg{transition:opacity .35s ease;} #black-hole-bg{position:fixed;top:50%;left:50%;width:1400px;height:1400px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;overflow:visible;} #black-hole-bg .bh-disk-outer{position:absolute;inset:0;border-radius:50%;filter:blur(65px); background:conic-gradient(from 0deg,transparent 0deg,rgba(0,245,255,0.32) 40deg,rgba(189,0,255,0.4) 120deg,rgba(255,45,120,0.32) 200deg,transparent 260deg,transparent 360deg); animation:bh-spin-fill 70s linear infinite;} #black-hole-bg .bh-disk-inner{position:absolute;top:50%;left:50%;width:52%;height:52%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(30px); background:conic-gradient(from 180deg,transparent 0deg,rgba(0,245,255,0.55) 30deg,transparent 90deg,rgba(255,45,120,0.48) 200deg,transparent 260deg); animation:bh-spin-centered 38s linear infinite reverse;} #black-hole-bg .bh-horizon{position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%; background:radial-gradient(circle,#000 0%,#000 55%,rgba(0,0,0,0.8) 75%,transparent 100%); box-shadow:0 0 140px 60px rgba(0,0,0,0.85); animation:bh-pulse 22s ease-in-out infinite;} #black-hole-bg .bh-stars{position:absolute;inset:-400px; background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,0.6),transparent), radial-gradient(1.5px 1.5px at 70% 20%,rgba(0,245,255,0.55),transparent), radial-gradient(1.5px 1.5px at 40% 80%,rgba(189,0,255,0.55),transparent), radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,0.45),transparent), radial-gradient(1.5px 1.5px at 10% 60%,rgba(255,255,255,0.35),transparent); animation:bh-twinkle 9s ease-in-out infinite alternate;} #black-hole-bg .bh-orbit{position:absolute;top:50%;left:50%;width:0;height:0;animation:bh-orbit-spin linear infinite;} #black-hole-bg .bh-orbit-star{position:absolute;border-radius:50%;box-shadow:0 0 6px 1px currentColor;} #black-hole-bg .bh-orbit:nth-child(5){width:360px;height:360px;margin:-180px 0 0 -180px;animation-duration:16s;} #black-hole-bg .bh-orbit:nth-child(5) .bh-orbit-star{top:0;left:178px;width:3px;height:3px;background:var(--cyan);color:var(--cyan);} #black-hole-bg .bh-orbit:nth-child(6){width:460px;height:460px;margin:-230px 0 0 -230px;animation-duration:24s;animation-direction:reverse;} #black-hole-bg .bh-orbit:nth-child(6) .bh-orbit-star{top:0;left:228px;width:2.5px;height:2.5px;background:var(--purple);color:var(--purple);} #black-hole-bg .bh-orbit:nth-child(7){width:560px;height:560px;margin:-280px 0 0 -280px;animation-duration:32s;} #black-hole-bg .bh-orbit:nth-child(7) .bh-orbit-star{top:0;left:278px;width:3px;height:3px;background:var(--pink);color:var(--pink);} #black-hole-bg .bh-orbit:nth-child(8){width:640px;height:640px;margin:-320px 0 0 -320px;animation-duration:40s;animation-direction:reverse;} #black-hole-bg .bh-orbit:nth-child(8) .bh-orbit-star{top:0;left:318px;width:2px;height:2px;background:var(--green);color:var(--green);} #black-hole-bg .bh-orbit:nth-child(9){width:720px;height:720px;margin:-360px 0 0 -360px;animation-duration:48s;} #black-hole-bg .bh-orbit:nth-child(9) .bh-orbit-star{top:0;left:358px;width:2.5px;height:2.5px;background:var(--cyan);color:var(--cyan);} #black-hole-bg .bh-orbit:nth-child(10){width:800px;height:800px;margin:-400px 0 0 -400px;animation-duration:56s;animation-direction:reverse;} #black-hole-bg .bh-orbit:nth-child(10) .bh-orbit-star{top:0;left:398px;width:2px;height:2px;background:var(--purple);color:var(--purple);} #black-hole-bg .bh-orbit:nth-child(11){width:880px;height:880px;margin:-440px 0 0 -440px;animation-duration:64s;} #black-hole-bg .bh-orbit:nth-child(11) .bh-orbit-star{top:0;left:438px;width:3px;height:3px;background:var(--pink);color:var(--pink);} #black-hole-bg .bh-orbit:nth-child(12){width:1020px;height:1020px;margin:-510px 0 0 -510px;animation-duration:95s;} #black-hole-bg .bh-orbit:nth-child(12) .bh-planet{top:-6px;left:502px;width:13px;height:13px;background:radial-gradient(circle at 35% 35%,#8fe0ff,#00a8c0 60%,#003b45 100%);box-shadow:0 0 16px 3px rgba(0,245,255,0.55);} #black-hole-bg .bh-orbit:nth-child(13){width:1180px;height:1180px;margin:-590px 0 0 -590px;animation-duration:130s;animation-direction:reverse;} #black-hole-bg .bh-orbit:nth-child(13) .bh-planet{top:-7px;left:582px;width:15px;height:15px;background:radial-gradient(circle at 35% 35%,#eeb3ff,#8a00c2 60%,#350050 100%);box-shadow:0 0 18px 3px rgba(189,0,255,0.55);} .bh-rocket{position:fixed;top:0;left:0;font-size:9px;z-index:-1;pointer-events:none; filter:drop-shadow(0 0 3px rgba(0,245,255,0.45));animation:bh-rocket-fly 110s linear infinite;opacity:0;} @keyframes bh-rocket-fly{ 0%,88%{transform:translate(-10vw,110vh) rotate(15deg);opacity:0;} 90%{opacity:0.55;} 93%{transform:translate(110vw,-10vh) rotate(15deg);opacity:0.55;} 95%,100%{transform:translate(110vw,-10vh) rotate(15deg);opacity:0;} } @keyframes bh-spin-fill{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} @keyframes bh-spin-centered{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}} @keyframes bh-orbit-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} @keyframes bh-pulse{0%,100%{opacity:0.8;}50%{opacity:1;}} @keyframes bh-twinkle{from{opacity:0.3;}to{opacity:0.75;}} #home-page{display:none;position:relative;min-height:calc(100vh - 127px);background:#000;overflow:hidden;} #home-page.open{display:flex;flex-direction:column;animation:home-fade-in 2.4s ease-out;} @keyframes home-fade-in{from{opacity:0;}to{opacity:1;}} #home-hero-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000;} @property --ring-r{ syntax:''; inherits:true; initial-value:0px; } @property --ring-op{ syntax:''; inherits:true; initial-value:0; } .hh-warp-field{position:absolute;inset:0;animation:hh-warp-ring-grow 100s ease-out infinite;} @keyframes hh-warp-ring-grow{ 0%{--ring-r:0px;--ring-op:0;} 10%{--ring-op:0.65;} 78%{--ring-op:0.22;} 100%{--ring-r:1500px;--ring-op:0;} } .hh-warp-glow{position:absolute;inset:0;mix-blend-mode:screen;opacity:calc(var(--ring-op) * 0.85); background:radial-gradient(circle at 47.8% 52.4%,transparent var(--ring-r),rgba(150,195,255,0.55) calc(var(--ring-r) + 110px),rgba(130,175,255,0.28) calc(var(--ring-r) + 190px),transparent calc(var(--ring-r) + 300px));} .hh-starfield{position:absolute;inset:-10%;pointer-events:none;} .hh-star-dot{position:absolute;width:1.4px;height:1.4px;border-radius:50%;background:#fff; box-shadow:0 0 3px 0.5px rgba(255,255,255,0.8);opacity:0;animation:hh-star-fade ease-in-out infinite;} @keyframes hh-star-fade{0%,100%{opacity:0;}50%{opacity:0.9;}} .hh-nebula{position:absolute;top:-25%;left:-25%;width:150%;height:150%;background-size:cover;background-position:center; opacity:0;mix-blend-mode:screen;filter:saturate(1.2) brightness(0.55) contrast(1.45);} .hh-nebula-1{background-image:url('/static/nexus-warp-nebula.jpg'); animation:hh-neb-fade-1 130s ease-in-out infinite,hh-neb-slide-1 130s linear infinite;} .hh-nebula-2{background-image:url('/static/nexus-nebula-ngc3324.jpg'); animation:hh-neb-fade-2 165s ease-in-out infinite,hh-neb-slide-2 165s linear infinite;animation-delay:-55s,-55s;} .hh-nebula-3{background-image:url('/static/nexus-nebula-crab.jpg'); animation:hh-neb-fade-3 200s ease-in-out infinite,hh-neb-slide-3 200s linear infinite;animation-delay:-105s,-105s;} @keyframes hh-neb-fade-1{0%,100%{opacity:0;}50%{opacity:0.2;}} @keyframes hh-neb-slide-1{from{transform:translate(-4%,-2%) scale(1.05);}to{transform:translate(5%,3%) scale(1.05);}} @keyframes hh-neb-fade-2{0%,100%{opacity:0;}50%{opacity:0.17;}} @keyframes hh-neb-slide-2{from{transform:translate(4%,-3%) scale(1.08);}to{transform:translate(-5%,2%) scale(1.08);}} @keyframes hh-neb-fade-3{0%,100%{opacity:0;}50%{opacity:0.16;}} @keyframes hh-neb-slide-3{from{transform:translate(-3%,3%) scale(1.06);}to{transform:translate(4%,-4%) scale(1.06);}} .hh-bh-core{position:absolute;top:52.4%;left:47.8%;width:460px;height:460px;transform:translate(-50%,-50%);border-radius:50%; background:radial-gradient(circle,#000 0%,#000 28%,rgba(8,14,22,0.92) 40%,rgba(35,50,72,0.55) 48%,rgba(70,95,130,0.22) 55%,transparent 64%); box-shadow:0 0 130px 70px rgba(0,0,0,0.85);animation:hh-bh-pulse 26s ease-in-out infinite;} .hh-bh-chroma-r{position:absolute;top:52.4%;left:47.8%;width:472px;height:472px;transform:translate(calc(-50% + 2px),-50%);border-radius:50%; box-shadow:0 0 0 2px rgba(255,60,60,0.35);opacity:0.5;mix-blend-mode:screen;filter:blur(1px);} .hh-bh-chroma-c{position:absolute;top:52.4%;left:47.8%;width:472px;height:472px;transform:translate(calc(-50% - 2px),-50%);border-radius:50%; box-shadow:0 0 0 2px rgba(60,220,255,0.35);opacity:0.5;mix-blend-mode:screen;filter:blur(1px);} .hh-bh-ring{position:absolute;top:52.4%;left:47.8%;width:680px;height:680px;transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.85);border-radius:50%; filter:blur(2px);box-shadow:0 0 90px 16px rgba(150,195,255,0.4),0 0 150px 30px rgba(180,140,255,0.2),0 0 60px 6px rgba(0,245,255,0.14),0 0 60px 6px rgba(255,225,180,0.08); background:conic-gradient(from 90deg,rgba(240,248,255,1) 0%,rgba(255,228,180,0.55) 5%,rgba(150,205,255,0.95) 16%,rgba(120,170,235,0.85) 32%,rgba(140,120,215,0.72) 50%,rgba(120,170,235,0.85) 68%,rgba(150,205,255,0.95) 84%,rgba(255,228,180,0.55) 95%,rgba(240,248,255,1) 100%); -webkit-mask:radial-gradient(circle,transparent calc(50% - 92px),rgba(0,0,0,0.35) calc(50% - 58px),#000 calc(50% - 22px),#000 50%,rgba(0,0,0,0.3) calc(50% + 26px),transparent calc(50% + 58px)); mask:radial-gradient(circle,transparent calc(50% - 92px),rgba(0,0,0,0.35) calc(50% - 58px),#000 calc(50% - 22px),#000 50%,rgba(0,0,0,0.3) calc(50% + 26px),transparent calc(50% + 58px)); animation:hh-bh-ring-spin 150s linear infinite,hh-bh-warp 22s ease-in-out infinite;} .hh-bh-ring-outer{position:absolute;top:52.4%;left:47.8%;width:860px;height:860px;transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.85);border-radius:50%; filter:blur(26px);opacity:0.55; background:conic-gradient(from 90deg,rgba(240,248,255,0.75) 0%,rgba(255,228,180,0.4) 8%,rgba(150,205,255,0.6) 20%,rgba(140,120,215,0.4) 40%,transparent 50%,rgba(140,120,215,0.4) 60%,rgba(150,205,255,0.6) 80%,rgba(255,228,180,0.4) 92%,rgba(240,248,255,0.75) 100%); animation:hh-bh-ring-spin 150s linear infinite;} .hh-bh-ring-2{position:absolute;top:52.4%;left:47.8%;width:1040px;height:1040px;transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.78);border-radius:50%; filter:blur(2.5px);opacity:0.4; background:conic-gradient(from 90deg,rgba(200,230,255,0.9) 0%,rgba(160,190,255,0.5) 25%,rgba(140,120,215,0.4) 50%,rgba(160,190,255,0.5) 75%,rgba(200,230,255,0.9) 100%); -webkit-mask:radial-gradient(circle,transparent calc(50% - 14px),#000 calc(50% - 8px),#000 50%,transparent calc(50% + 10px)); mask:radial-gradient(circle,transparent calc(50% - 14px),#000 calc(50% - 8px),#000 50%,transparent calc(50% + 10px)); animation:hh-bh-ring-spin-2 210s linear infinite reverse;} .hh-bh-ring-3{position:absolute;top:52.4%;left:47.8%;width:1280px;height:1280px;transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.74);border-radius:50%; filter:blur(3px);opacity:0.22; background:conic-gradient(from 90deg,rgba(210,235,255,0.85) 0%,rgba(170,200,255,0.4) 30%,rgba(150,130,220,0.32) 50%,rgba(170,200,255,0.4) 70%,rgba(210,235,255,0.85) 100%); -webkit-mask:radial-gradient(circle,transparent calc(50% - 12px),#000 calc(50% - 6px),#000 50%,transparent calc(50% + 8px)); mask:radial-gradient(circle,transparent calc(50% - 12px),#000 calc(50% - 6px),#000 50%,transparent calc(50% + 8px)); animation:hh-bh-ring-spin-3 280s linear infinite;} .hh-bh-equator{position:absolute;top:52.4%;left:47.8%;width:900px;height:14px;transform:translate(-50%,-50%) rotate(-8deg);border-radius:50%; filter:blur(3px);opacity:0.9; background:linear-gradient(90deg,transparent 0%,rgba(180,215,255,0.5) 12%,rgba(240,248,255,0.95) 30%,rgba(240,248,255,1) 50%,rgba(240,248,255,0.95) 70%,rgba(180,215,255,0.5) 88%,transparent 100%);} @keyframes hh-bh-ring-spin{from{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.85) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.85) rotate(360deg);}} @keyframes hh-bh-ring-spin-2{from{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.78) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.78) rotate(360deg);}} @keyframes hh-bh-ring-spin-3{from{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.74) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(-8deg) scaleY(0.74) rotate(360deg);}} @keyframes hh-bh-warp{0%,100%{filter:blur(2px);}50%{filter:blur(2.6px);}} @keyframes hh-bh-pulse{0%,100%{opacity:0.88;}50%{opacity:1;}} #hh-stars-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:blur(0.5px);} #hh-gr-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:transparent;} .hh-rocket{position:absolute;top:0;left:0;font-size:11px;pointer-events:none; filter:drop-shadow(0 0 4px rgba(255,120,40,0.6));animation:bh-rocket-fly 69s linear infinite;opacity:0;} #home-hero-content{position:relative;z-index:1;margin:auto;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;transform:translate(-1.357vw,-0.83vh);} #home-hero-title{font-size:22px;font-weight:normal;letter-spacing:0.22em;text-transform:uppercase;color:var(--cyan); text-shadow:1px 1px 0 rgba(0,160,175,0.9),2px 2px 0 rgba(0,130,145,0.8),3px 3px 0 rgba(0,100,115,0.7),4px 4px 0 rgba(0,70,85,0.6),5px 6px 10px rgba(0,0,0,0.55),0 0 20px rgba(0,245,255,0.65),0 0 60px rgba(255,90,20,0.25);} #home-hero-status{ margin-top:10px;max-width:72ch;font-family:var(--font-mono);font-size:13px;text-wrap:balance; line-height:1.65;color:var(--text);letter-spacing:.02em; text-shadow:0 0 3px rgba(4,3,10,.95),0 0 10px rgba(4,3,10,.9), 0 1px 2px rgba(0,0,0,.95),0 0 24px rgba(4,3,10,.75); } #home-hero-deck{margin-top:8px;max-width:68ch;font-size:12px;line-height:1.65;color:var(--purple-text); text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 12px rgba(4,3,10,.9);} #home-page.feed-mode #home-hero-status, #home-page.feed-mode #home-hero-deck, #home-page.feed-mode #home-enter, #home-page.feed-mode #home-product-map, #home-page.feed-mode #home-culture-line, #home-page.feed-mode #home-roadmap-link{display:none;} #home-page.feed-mode .home-about-toggle, #home-page.feed-mode .home-about-panel{display:none;} #home-hero-title span.slash{color:var(--pink); text-shadow:1px 1px 0 rgba(180,20,90,0.9),2px 2px 0 rgba(150,15,75,0.8),3px 3px 0 rgba(120,10,60,0.7),4px 4px 0 rgba(90,8,48,0.6),5px 6px 10px rgba(0,0,0,0.55),0 0 20px rgba(255,45,120,0.65);} #home-auth-panel{margin-top:22px;width:240px;} #home-auth-signedout{display:flex;flex-direction:column;gap:10px;} #home-auth-signedout input{width:100%;text-align:left;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2);border-radius:2px;color:var(--cyan);font-family:var(--font-mono);font-size:12px;padding:7px 10px;outline:none;transition:border-color 0.15s;} #home-auth-signedout input:focus{border-color:var(--cyan);box-shadow:var(--glow-c);} #home-auth-error, #auth-error, #newpw-error, #thread-composer-error, #pp-wall-compose-error, #stack-composer-error{ font-size:10px; color:var(--pink); min-height:12px; } #home-auth-switch{font-size:11px;color:var(--text2);text-align:center; text-shadow:0 0 3px rgba(4,3,10,.95),0 0 10px rgba(4,3,10,.9), 0 1px 2px rgba(0,0,0,.95);} #home-auth-switch a{color:var(--cyan);cursor:pointer;text-decoration:underline; text-shadow:0 0 8px rgba(0,245,255,.45);} #home-auth-signedin{display:flex;flex-direction:column;gap:10px;align-items:stretch;} #home-feed-settings-row{font-size:10px;color:var(--text2);} #home-feed-settings-row label{cursor:pointer;display:flex;align-items:center;gap:6px;} #home-feed-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;} .home-feed-item{position:relative;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2);border-radius:4px;padding:10px 12px;padding-right:24px;cursor:pointer;text-align:left;transition:border-color 0.16s,box-shadow 0.16s,background 0.16s;} .home-feed-item:hover{border-color:var(--cyan);box-shadow:0 0 12px #00f5ff22;background:rgba(0,245,255,0.03);} .home-feed-item-author{font-size:10px;color:var(--cyan);font-weight:600;letter-spacing:0.02em;} .home-feed-item-text{font-size:11px;color:var(--text2);margin-top:4px;line-height:1.5;white-space:pre-wrap;word-break:break-word;} .home-feed-item-meta{font-size:9px;color:var(--text3);margin-top:5px;} .home-feed-item-settings-btn{position:absolute;top:8px;right:8px;cursor:pointer;} #home-page.feed-mode #home-auth-panel{width:900px;max-width:92vw;} #home-page.feed-mode #home-auth-signedin{flex-direction:row;align-items:flex-start;gap:20px;text-align:left;} #home-page.feed-mode #home-hero-content{transform:none;margin:0 auto;padding-top:16px;padding-bottom:40px;} @media (max-width: 720px){ #home-page.feed-mode #home-auth-signedin{flex-direction:column;} #home-page.feed-mode #home-auth-panel{width:100%;max-width:100%;} #home-page.feed-mode #home-sidebar{display:none;} #home-page.feed-mode #home-hero-content{padding-left:8px;padding-right:8px;} } #home-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;} #home-feed-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;} #home-feed-newpill{align-self:center;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:999px;padding:5px 14px;font-family:var(--font-mono);font-size:11px;color:var(--cyan);cursor:pointer;box-shadow:var(--glow-c);} #home-feed-newpill:hover{background:rgba(0,245,255,0.12);} #home-page.feed-mode #home-feed-list{max-height:none;overflow-y:visible;gap:12px;} .home-composer{background:var(--bg2);border:0.5px solid var(--border2);border-radius:6px;padding:12px;transition:border-color 0.18s,box-shadow 0.18s;} .home-composer:focus-within{border-color:var(--cyan);box-shadow:0 0 12px #00f5ff22;} .home-composer textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:var(--font-mono);font-size:12px;resize:vertical;min-height:44px;outline:none;line-height:1.5;} .home-composer textarea::placeholder{color:var(--text3);} .home-composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;} .home-composer-error{font-size:10px;color:var(--pink);} .home-shortcuts{display:flex;flex-direction:column;gap:6px;} .home-shortcut{display:flex;align-items:center;gap:10px;width:100%; background:rgba(10,10,18,0.55);border:0.5px solid var(--border2); border-radius:5px;padding:8px 10px;cursor:pointer;color:var(--text2); font-family:var(--font-mono);font-size:11px;letter-spacing:0.02em; text-align:left;transition:color 0.16s,border-color 0.16s,box-shadow 0.16s,background 0.16s;} .home-shortcut:hover{color:var(--cyan);border-color:var(--cyan); background:rgba(0,245,255,0.04);box-shadow:0 0 10px #00f5ff2e;} .home-shortcut svg{width:15px;height:15px;flex-shrink:0; stroke:var(--text3);fill:none;stroke-width:1.6; stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.16s,filter 0.16s;} .home-shortcut:hover svg{stroke:var(--cyan);filter:drop-shadow(0 0 4px #00f5ff88);} .home-shortcut span{flex:1;} .home-shortcut .notif-badge{flex:none;} .wp-card{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:12px;text-align:left;cursor:default;} .wp-skeleton{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:9px;} .wp-skeleton-bar{height:11px;border-radius:3px;background:linear-gradient(90deg,var(--bg3) 25%,rgba(255,255,255,0.07) 50%,var(--bg3) 75%);background-size:200% 100%;animation:wp-shimmer 1.2s infinite;} @keyframes wp-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}} .wp-card:hover{border-color:var(--border2);} .wp-card-author{display:flex;align-items:center;gap:8px;font-size:11px;} .wp-card-author .sta-avatar{border-radius:50%;overflow:hidden;flex-shrink:0;} .wp-card-author .sta-avatar img,.wp-card-author .sta-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .wp-card-text{font-size:12px;color:var(--text);margin-top:8px;white-space:pre-wrap;word-break:break-word;} .wp-card-image{max-width:100%;border-radius:3px;margin-top:8px;display:block;} .wp-reaction-summary{font-size:10px;color:var(--text2);margin-top:8px;} .wp-engagement-bar{display:flex;gap:16px;margin-top:8px;padding-top:8px;border-top:0.5px solid var(--border2);font-size:11px;color:var(--text2);position:relative;} .wp-engagement-bar>span{cursor:pointer;} .wp-engagement-bar>span:hover{color:var(--cyan);} .wp-reaction-picker{position:absolute;bottom:100%;left:0;display:flex;gap:4px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:999px;padding:5px 8px;font-size:18px;z-index:10;margin-bottom:6px;} .wp-reaction-picker span{cursor:pointer;transition:transform 0.1s;} .wp-reaction-picker span:hover{transform:scale(1.3);} .wp-comments-thread{margin-top:8px;padding-top:8px;border-top:0.5px solid var(--border2);} .wp-comment-row{display:flex;gap:6px;font-size:11px;margin-bottom:8px;align-items:flex-start;} .wp-comment-body{background:rgba(255,255,255,0.03);border-radius:8px;padding:5px 9px;flex:1;} .wp-comment-author{color:var(--cyan);margin-right:6px;} .wp-comment-compose{display:flex;gap:6px;margin-top:4px;} .reply-collapse-showmore{color:var(--cyan);font-size:10px;cursor:pointer;margin:2px 0 8px;display:flex;align-items:center;gap:4px;user-select:none;} .reply-collapse-showmore:hover{text-decoration:underline;} .reply-collapse-arrow{font-size:8px;display:inline-block;} .wp-comment-compose input{flex:1;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2);border-radius:12px;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:5px 10px;outline:none;} .wp-settings-menu{position:absolute;top:100%;right:0;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:4px;z-index:10;min-width:130px;} .wp-settings-menu div{padding:6px 10px;font-size:11px;cursor:pointer;white-space:nowrap;} .wp-settings-menu div:hover{color:var(--cyan);} .wp-shared-post{margin-top:8px;border:0.5px solid var(--border2);border-radius:3px;padding:8px;font-size:11px;color:var(--text2);} .wp-shared-post b{color:var(--cyan);} #header{display:flex;align-items:center;gap:16px;margin-bottom:20px;border-bottom:0.5px solid var(--border2);padding:16px 0;position:relative;z-index:260;background:var(--bg);} #header.non-chart-header{padding-right:20px;} h1{cursor:pointer;} h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:max-content;flex-shrink:2;} #top-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;flex-shrink:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none;} #top-nav::-webkit-scrollbar{display:none;} #top-nav.fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);} #top-nav.fade-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px); mask-image:linear-gradient(90deg,transparent,#000 30px);} #top-nav.fade-left.fade-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent); mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);} .top-nav-item{background:transparent;border:0.5px solid transparent;color:var(--text2);cursor:pointer;flex-shrink:0; font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase; padding:7px 12px;border-radius:2px;transition:all 0.15s;} .top-nav-item:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 7px #00f5ff44;} .top-nav-item.active{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .nav-group{position:relative;flex-shrink:0;} .nav-group-btn{background:transparent;border:0.5px solid transparent;color:var(--text2); cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em; text-transform:uppercase;padding:7px 10px;border-radius:2px;transition:all 0.15s; display:flex;align-items:center;gap:5px;white-space:nowrap;} .nav-group-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 7px #00f5ff44;} .nav-group-btn.active{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .nav-caret{font-size:8px;opacity:0.7;transition:transform 0.15s;} .nav-group.open .nav-caret{transform:rotate(180deg);} .nav-group.open .nav-group-btn{color:var(--cyan);border-color:var(--cyan);} .nav-group-menu{display:none;position:fixed;z-index:200; min-width:160px;flex-direction:column;gap:2px;padding:5px; background:var(--bg2);border:0.5px solid var(--border2);border-radius:3px; box-shadow:0 8px 24px rgba(0,0,0,0.6);} .nav-group.open .nav-group-menu{display:flex;} .nav-group-menu .top-nav-item{width:100%;text-align:left;padding:6px 9px;} #header-search-wrap{position:relative;margin:0 auto;width:320px;max-width:30vw;flex-shrink:0;z-index:265;} #header-search-input{width:100%;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;color:var(--text); font-family:var(--font-mono);font-size:12px;padding:8px 12px;outline:none;text-align:left;transition:border-color 0.15s;} #header-search-input:focus{border-color:var(--cyan);box-shadow:var(--glow-c);} #header-search-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:60vh;overflow-y:auto; background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c); padding:6px;text-align:left;} #header-search-dropdown.open{display:block;} .hs-section-title{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;margin:8px 6px 4px;} .hs-section-title:first-child{margin-top:2px;} .hs-row{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:3px;cursor:pointer;} .hs-row:hover{background:var(--bg);} .hs-row-title{font-size:11px;color:var(--cyan);} .hs-row-sub{font-size:10px;color:var(--text2);} #header-search-icon-btn{display:none;width:34px;height:34px;flex-shrink:0;align-items:center;justify-content:center; background:transparent;border:0.5px solid var(--border2);border-radius:50%;color:var(--text2);font-size:14px; cursor:pointer;transition:border-color 0.15s,color 0.15s;} #header-search-icon-btn:hover{border-color:var(--cyan);color:var(--cyan);} @media (max-width: 700px){ #header-search-wrap{width:34px;margin:0 auto 0 0;} #header-search-icon-btn{display:flex;} #header-search-input{display:none;} #header-search-wrap.expanded{position:fixed;left:8px;right:8px;top:12px;width:auto;max-width:none;z-index:400;} #header-search-wrap.expanded #header-search-icon-btn{display:none;} #header-search-wrap.expanded #header-search-input{display:block;font-size:14px;padding:10px 14px;} #header-search-wrap.expanded #header-search-dropdown{top:calc(100% + 8px);} } h1{font-size:18px;font-weight:normal;color:var(--cyan);letter-spacing:0.2em;text-transform:uppercase;text-shadow:var(--glow-c);} h1 span.slash{color:var(--pink);text-shadow:var(--glow-p);} #status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 2s infinite;transition:all 0.5s;flex-shrink:0;margin-left:16px;} #status-dot.disconnected{background:#ff6600;box-shadow:0 0 8px #ff6600;animation:none;} @keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}} #header-price-box{display:none;} #header-price-box{margin-left:auto;text-align:right;padding:6px 16px;border-radius:4px; border:0.5px solid var(--border2); background:linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01) 45%, rgba(0,0,0,0.18)); box-shadow:inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 8px rgba(0,0,0,0.35);} #header-price{font-size:22px;color:var(--cyan);text-shadow:var(--glow-c);letter-spacing:0.05em;} @media (max-width: 640px){ #header{gap:8px;flex-wrap:wrap;} h1{font-size:14px;letter-spacing:0.1em;} .top-nav-item{padding:6px 8px;font-size:10px;} #header-price-box{padding:4px 10px;} #header-price{font-size:15px;} #header-change{font-size:10px;} } #header-change{font-size:13px;margin-top:2px;text-align:right;} .tf-btn.tf-pro{position:relative;} .tf-btn.tf-pro::after{content:'PRO';position:absolute;top:-5px;right:-4px; font-size:6px;letter-spacing:0.06em;color:var(--purple-text); background:var(--bg);padding:0 2px;border-radius:2px;line-height:1.4;} .tf-btn.tf-pro.locked{color:var(--text3);} #alert-email-row{display:flex;align-items:center;gap:7px;margin:10px 0 2px; cursor:pointer;font-size:10px;color:var(--text2);} #alert-email-row input{accent-color:var(--cyan);cursor:pointer;} #alert-email-note{font-size:9px;color:var(--text3);line-height:1.5;margin-bottom:6px;} #alert-kind-tabs{display:flex;gap:2px;margin-bottom:7px;} .ak-tab{flex:1;background:transparent;border:0.5px solid var(--border2); border-radius:3px;color:var(--text3);font-family:var(--font-mono); font-size:9px;letter-spacing:0.04em;text-transform:uppercase; padding:5px 2px;cursor:pointer;transition:color 0.15s,border-color 0.15s,background 0.15s;} .ak-tab:hover{color:var(--cyan);border-color:var(--cyan);} .ak-tab.active{color:var(--cyan);border-color:var(--cyan); background:rgba(0,245,255,0.08);box-shadow:0 0 6px #00f5ff33;} .ak-fields{display:flex;flex-direction:column;gap:6px;} .ak-hint{color:var(--text3);font-size:9px;line-height:1.5;margin:7px 0 8px;} .ak-hint b{color:var(--purple-text);font-weight:normal;} .ak-backtest{width:100%;margin-top:6px;background:transparent; border:0.5px solid var(--border2);border-radius:3px;color:var(--text3); font-family:var(--font-mono);font-size:9px;letter-spacing:0.04em; text-transform:uppercase;padding:6px 4px;cursor:pointer; transition:color 0.15s,border-color 0.15s;} .ak-backtest:hover{color:var(--purple-text);border-color:var(--purple-text);} .ak-bt:empty{display:none;} .ak-bt{margin-top:8px;border:0.5px solid var(--border2);border-radius:3px; padding:8px 9px;font-size:10px;color:var(--text2);} .bt-head{display:flex;align-items:center;justify-content:space-between; gap:6px;font-family:var(--font-mono);font-size:9px;color:var(--text3); letter-spacing:0.04em;text-transform:uppercase;} .bt-cov{color:var(--green);} .bt-cov.thin{color:var(--yellow);} .bt-fires{margin-top:6px;color:var(--text);font-size:12px;} .bt-fires b{color:var(--purple-text);font-size:15px;} .bt-sub{display:block;color:var(--text3);font-size:9px;margin-top:1px;} .bt-note{color:var(--text3);font-size:9px;line-height:1.5;margin-top:6px;} .bt-tbl{width:100%;margin-top:7px;border-collapse:collapse; font-family:var(--font-mono);font-size:9px; font-variant-numeric:tabular-nums;} .bt-tbl th{color:var(--text3);font-weight:normal;text-align:right; letter-spacing:0.04em;text-transform:uppercase;padding:0 0 3px;} .bt-tbl th:first-child,.bt-tbl td:first-child{text-align:left;} .bt-tbl td{text-align:right;padding:3px 0;color:var(--text2); border-top:0.5px solid var(--border);} .bt-tbl .bt-range{color:var(--text3);} .bt-tbl .bt-none{color:var(--text3);text-align:left;} .alert-row.book{flex-wrap:wrap;} .alert-row .alert-what{flex:1;min-width:0;color:var(--text2);font-size:10px;} .alert-row .alert-cond.book{color:var(--purple-text);} #hm-replay{display:inline-flex;align-items:center;gap:5px;margin-left:10px;flex-wrap:wrap;} .hm-ctl-label{display:inline-flex;align-items:center;color:var(--text3); font-size:9px;text-transform:uppercase;letter-spacing:0.1em;} .hm-ctl-label+#hm-replay-speed{margin-right:2px;} #hm-replay-btn,#hm-replay-live{background:transparent;border:0.5px solid var(--border2); border-radius:3px;color:var(--text2);font-family:var(--font-mono);font-size:10px; padding:3px 7px;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s;} #hm-replay-btn:hover,#hm-replay-live:hover{color:var(--cyan);border-color:var(--cyan);} #hm-replay-btn.playing{color:var(--pink);border-color:var(--pink);box-shadow:var(--glow-p);} #hm-replay-live.scrubbed{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} #hm-replay-speed{display:inline-flex;gap:2px;} .hm-spd{background:transparent;border:0.5px solid transparent;border-radius:3px; color:var(--text3);font-family:var(--font-mono);font-size:9px;padding:3px 5px;cursor:pointer;} .hm-spd:hover{color:var(--cyan);} .hm-spd.active{color:var(--cyan);border-color:var(--border2);background:rgba(0,245,255,0.07);} #hm-replay-at{font-family:var(--font-mono);font-size:10px;color:var(--purple-text); min-width:60px;} #hm-book{background:var(--bg2);border:0.5px solid var(--border2);border-radius:6px; padding:10px 12px;margin-top:12px;} #hm-book .hm-levels-head{display:flex;justify-content:space-between;align-items:baseline;} #hm-book-mid{color:var(--cyan);font-family:var(--font-mono);font-size:11px;} #hm-book-when{color:var(--purple-text);} #hm-book-body{margin-top:8px;display:flex;flex-direction:column;gap:1px;max-height:260px; overflow-y:auto;} .hm-bk{display:grid;grid-template-columns:1fr 78px 1fr;align-items:center;gap:6px; font-family:var(--font-mono);font-size:10px;height:15px;} .hm-bk-px{text-align:center;color:var(--text2);} .hm-bk-bar{height:11px;border-radius:2px;} .hm-bk-bid{justify-self:end;background:linear-gradient(90deg,rgba(0,255,159,0.18),rgba(0,255,159,0.75));} .hm-bk-ask{justify-self:start;background:linear-gradient(90deg,rgba(255,45,120,0.75),rgba(255,45,120,0.18));} .hm-bk.spread .hm-bk-px{color:var(--cyan);} #hm-canvas-wrap{position:relative;} #hm-overlay-canvas{position:absolute;inset:0;pointer-events:none;} #hm-tooltip{position:fixed;display:none;z-index:60;pointer-events:none; background:rgba(12,8,22,0.96);border:0.5px solid var(--purple); border-radius:5px;padding:8px 10px;min-width:150px; box-shadow:0 6px 22px rgba(0,0,0,0.7),0 0 12px #bd00ff44; font-family:var(--font-mono);font-size:10px;line-height:1.55; color:var(--text2);white-space:nowrap;} #hm-tooltip .hm-tip-price{color:var(--cyan);font-size:12px;letter-spacing:0.04em; margin-bottom:5px;display:block;} #hm-tooltip .hm-tip-row{display:flex;justify-content:space-between;gap:14px;} #hm-tooltip .hm-tip-row b{color:var(--purple-text);font-weight:normal;} #hm-tooltip .hm-tip-meter{height:3px;border-radius:2px;margin-top:6px; background:rgba(255,255,255,0.12);overflow:hidden;} #hm-tooltip .hm-tip-meter i{display:block;height:100%;border-radius:2px;} #nav-hamburger{display:none;} #mobile-nav{display:none;} @media (max-width:700px){ #top-nav{display:none;} #nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px; width:34px;height:34px;flex-shrink:0;padding:0 7px;background:transparent; border:0.5px solid var(--border2);border-radius:4px;cursor:pointer; transition:border-color 0.18s,box-shadow 0.18s;} #nav-hamburger:hover{border-color:var(--cyan);box-shadow:var(--glow-c);} #nav-hamburger span{display:block;width:100%;height:1.5px;border-radius:1px; background:var(--text2);transition:background 0.18s;} #nav-hamburger:hover span{background:var(--cyan);} #mobile-nav.open{display:block;} body.nav-locked{overflow:hidden;} } #mobile-nav-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.66);z-index:330; animation:mobile-nav-fade 0.2s ease;} @keyframes mobile-nav-fade{from{opacity:0;}to{opacity:1;}} #mobile-nav-panel{position:fixed;top:0;left:0;bottom:0;z-index:331; width:min(78vw,290px);display:flex;flex-direction:column; background:var(--bg2);border-right:0.5px solid var(--cyan); box-shadow:6px 0 28px rgba(0,0,0,0.65),var(--glow-c); padding:14px 0 20px;overflow-y:auto; animation:mobile-nav-slide 0.24s cubic-bezier(.4,0,.2,1);} @keyframes mobile-nav-slide{from{transform:translateX(-100%);}to{transform:translateX(0);}} #mobile-nav-head{display:flex;align-items:center;justify-content:space-between; padding:0 14px 12px;margin-bottom:8px;position:relative;flex-shrink:0;} #mobile-nav-head::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:1px; background:linear-gradient(90deg,var(--pink),var(--cyan),transparent);opacity:0.6;} #mobile-nav-brand{font-family:var(--font-mono);font-size:13px;font-weight:600; letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);text-shadow:var(--glow-c);} #mobile-nav-brand span{color:var(--pink);text-shadow:var(--glow-p);} #mobile-nav-close{background:transparent;border:none;color:var(--text3);font-size:26px; line-height:1;padding:0 4px;cursor:pointer;transition:color 0.16s;} #mobile-nav-close:hover{color:var(--cyan);} #mobile-nav-items{display:flex;flex-direction:column;gap:2px;padding:0 8px;} .mobile-nav-item{display:block;width:100%;text-align:left;background:transparent; border:0.5px solid transparent;border-radius:5px;padding:13px 12px;cursor:pointer; color:var(--text2);font-family:var(--font-mono);font-size:12px;letter-spacing:0.06em; text-transform:uppercase;transition:color 0.16s,border-color 0.16s,background 0.16s,box-shadow 0.16s;} .mobile-nav-item:hover{color:var(--cyan);border-color:var(--cyan); background:rgba(0,245,255,0.05);box-shadow:0 0 7px #00f5ff44;} .mobile-nav-item.active{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} #auth-trigger{width:34px;height:34px;flex-shrink:0;padding:0;border:1.5px solid var(--border2);border-radius:50%;background:transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color 0.35s ease;} #auth-trigger:hover{border-color:var(--cyan);} #auth-trigger img,#auth-trigger svg{width:100%;height:100%;display:block;object-fit:cover;} #auth-modal-overlay, #newpw-modal-overlay, #profile-modal-overlay, #stub-modal-overlay, #follow-list-modal-overlay, #bugreport-modal-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:255; align-items:center; justify-content:center; } #auth-modal-overlay.open{display:flex;} #auth-modal{width:280px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #auth-modal-header, #newpw-modal-header, #profile-modal-header, #stub-modal-header, #thread-composer-header, #stack-composer-header, #cardbg-editor-header, #banner-editor-header, #bugreport-modal-header, #follow-list-modal-header{ display:flex;justify-content:space-between;align-items:center; padding:12px 14px;border-bottom:0.5px solid var(--border2); font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.1em; } #auth-modal-close{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:13px;} #auth-modal-close:hover{color:var(--pink);} #auth-modal-body{padding:14px;display:flex;flex-direction:column;gap:10px;} #auth-modal-body input{width:100%;text-align:left;} #auth-switch-mode,#auth-back-to-login{font-size:10px;color:var(--text2);text-align:center;} #auth-switch-mode a,#auth-back-to-login a,#auth-forgot-link a{color:var(--cyan);cursor:pointer;text-decoration:underline;} #auth-forgot-link{font-size:10px;color:var(--text2);text-align:right;margin-top:-4px;} #auth-modal-status{display:none;flex-direction:column;align-items:center;gap:14px;padding:34px 14px;} #auth-modal-status.active{display:flex;} #auth-spinner{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--border2);border-top-color:var(--cyan);animation:auth-spin 0.7s linear infinite;} #auth-spinner.done{border:2.5px solid var(--cyan);border-top-color:var(--cyan);animation:none;} @keyframes auth-spin{to{transform:rotate(360deg);}} #auth-status-text{font-size:11px;color:var(--text2);letter-spacing:0.04em;} #auth-status-text.success{color:var(--cyan);} #newpw-modal-overlay.open{display:flex;} #newpw-modal{width:280px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #newpw-modal-body{padding:14px;display:flex;flex-direction:column;gap:10px;} #newpw-modal-body input{width:100%;text-align:left;} #newpw-modal-status{display:none;flex-direction:column;align-items:center;gap:14px;padding:34px 14px;} #newpw-modal-status.active{display:flex;} #newpw-spinner{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--border2);border-top-color:var(--cyan);animation:auth-spin 0.7s linear infinite;} #newpw-spinner.done{border:2.5px solid var(--cyan);border-top-color:var(--cyan);animation:none;} #newpw-status-text{font-size:11px;color:var(--text2);letter-spacing:0.04em;} #newpw-status-text.success{color:var(--cyan);} #profile-modal-overlay.open{display:flex;} #profile-modal{width:280px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #profile-modal-close{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:13px;} #profile-modal-close:hover{color:var(--pink);} #profile-modal-body{padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;} #profile-avatar-wrap{width:84px;height:84px;border-radius:50%;overflow:hidden;border:1.5px solid var(--border2);flex-shrink:0;} #profile-avatar-wrap img,#profile-avatar-wrap svg{width:100%;height:100%;display:block;object-fit:cover;} #profile-avatar-status{font-size:9px;color:var(--text3);min-height:11px;text-align:center;} .profile-row{width:100%;display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 0;border-bottom:0.5px solid var(--border);} .profile-row label{color:var(--text3);text-transform:uppercase;font-size:9px;letter-spacing:0.06em;flex-shrink:0;width:70px;} .profile-row span{color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .profile-row a{color:var(--text3);text-decoration:underline;cursor:pointer;font-size:9px;flex-shrink:0;} .profile-row a:hover{color:var(--cyan);} .queue-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap; font-size:10px;color:var(--text3);padding:0 0 8px;} .queue-bar:empty{display:none;} .queue-size{display:flex;align-items:center;gap:5px;color:var(--text3);} .queue-size select{width:auto;min-width:0;padding:2px 4px;font-size:10px;margin:0;} .queue-count{color:var(--text2);font-variant-numeric:tabular-nums;} .queue-pages{display:flex;align-items:center;gap:6px;margin-left:auto;} .queue-page{font-variant-numeric:tabular-nums;} .queue-arrow{background:transparent;border:0.5px solid var(--border2);color:var(--text2); width:20px;height:20px;line-height:1;border-radius:3px;cursor:pointer;padding:0; font-size:12px;} .queue-arrow:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan);} .queue-arrow:disabled{opacity:0.3;cursor:default;} .queue-empty{color:var(--text3);font-size:11px;padding:8px 0;} #account-menu-wrap{position:relative;flex-shrink:0;} #notif-bell{position:relative;flex-shrink:0;background:transparent;border:none;cursor:pointer;font-size:15px;padding:4px 6px;line-height:1;filter:grayscale(1) brightness(1.4);transition:filter 0.15s;} #notif-bell:hover{filter:none;} .notif-badge{position:absolute;top:-3px;right:-4px;min-width:15px;height:15px;border-radius:8px;background:var(--pink);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:15px;text-align:center;padding:0 3px;box-shadow:0 0 6px rgba(255,45,120,0.7);} #notif-dropdown{display:none;position:fixed;top:52px;right:16px;width:320px;max-height:60vh;overflow-y:auto;z-index:300;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);padding:6px;} #notif-dropdown.open{display:block;} #notif-dropdown-title{font-family:var(--font-mono);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan);padding:6px 8px 8px;border-bottom:0.5px solid var(--border2);margin-bottom:4px;} .notif-drop-row{display:flex;justify-content:space-between;gap:10px;padding:8px;border-radius:2px;font-size:11px;color:var(--text2);} .notif-drop-row.unread{background:rgba(0,245,255,0.06);color:var(--text);} .notif-drop-row.clickable{cursor:pointer;} .notif-drop-row.clickable:hover{background:rgba(0,245,255,0.12);} .notif-drop-time{flex-shrink:0;color:var(--text3);font-size:10px;white-space:nowrap;} #account-menu{display:none;flex-direction:column;gap:2px;position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);padding:6px;z-index:250;} #account-menu.open{display:flex;} #account-brand{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-align:center;color:var(--cyan);text-shadow:var(--glow-c);padding:8px 6px 11px;margin-bottom:5px;position:relative;} #account-brand span{color:var(--pink);text-shadow:var(--glow-p);} #account-brand::after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent);opacity:0.6;} .acct-item{width:100%;text-align:left;padding:7px 9px;border-radius:2px;border:none;background:transparent;color:var(--text2);font-family:var(--font-mono);font-size:11px;letter-spacing:0.04em;cursor:pointer;transition:all 0.15s;} .acct-item:hover{background:rgba(0,245,255,0.08);color:var(--cyan);} .acct-has-sub{position:relative;display:flex;align-items:center;justify-content:space-between;} .acct-caret{font-size:9px;color:var(--text3);} .acct-submenu{display:none;position:absolute;right:100%;top:-6px;margin-right:6px;min-width:160px;flex-direction:column;gap:2px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,0.5);padding:6px;} .acct-has-sub:hover .acct-submenu{display:flex;} .acct-signout{border-top:0.5px solid var(--border2);margin-top:4px;padding-top:9px;color:var(--yellow);} .acct-signout:hover{background:rgba(255,230,0,0.08);color:var(--yellow);} #stub-modal-overlay.open{display:flex;} #stub-modal{width:260px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #stub-modal-close{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:13px;} #stub-modal-close:hover{color:var(--pink);} #stub-modal-body{padding:20px 16px;font-size:11px;color:var(--text2);text-align:center;line-height:1.6;} #thread-composer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;align-items:center;justify-content:center;} #thread-composer-overlay.open{display:flex;} #thread-composer-modal{width:320px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #thread-composer-header button, .img-attach-preview button, #stack-composer-header button, #cardbg-editor-header button, #banner-editor-header button, .nx-modal-header button, #bugreport-modal-header button, #follow-list-modal-header button{ background:transparent;border:none;color:var(--text2); cursor:pointer;font-size:13px; } #thread-composer-header button:hover{color:var(--pink);} #thread-composer-body{padding:14px;display:flex;flex-direction:column;gap:8px;} #thread-composer-body input,#thread-composer-body textarea{width:100%;text-align:left;font-family:var(--font-mono);resize:vertical;} #public-profile-body{max-width:1040px;width:100%;margin:0 auto;} #pp-header-row{display:flex;align-items:center;gap:10px;} #pp-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid var(--border2);} #pp-avatar img,#pp-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} #pp-name{color:var(--cyan);font-size:14px;font-weight:600;} #pp-badges{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap;} #pp-quote{margin-top:10px;font-size:10px;color:var(--text2);font-style:italic;line-height:1.5;} #pp-threads-title{margin-top:14px;padding-top:10px;border-top:0.5px solid var(--border2);font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;} #pp-threads-list{display:flex;flex-direction:column;gap:6px;} #pp-threads-loadmore{text-align:center;margin-top:8px;} #pp-threads-loadmore .action-btn{width:auto;} #pp-wall-title{margin-top:14px;padding-top:10px;border-top:0.5px solid var(--border2);font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;} #pp-wall-compose-row{display:flex;gap:6px;margin-bottom:8px;} #pp-wall-compose-row input{flex:1;min-width:0;width:auto;text-align:left;} #pp-wall-loadmore{text-align:center;margin-bottom:8px;} #pp-wall-loadmore .action-btn{width:auto;} #pp-wall-list{display:flex;flex-direction:column;gap:6px;} .pp-wall-post{background:var(--bg3);border-radius:3px;padding:8px 10px;} .pp-wall-post-author{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text2);} .pp-wall-post-author .sta-avatar{width:18px;height:18px;border-radius:50%;overflow:hidden;flex-shrink:0;} .pp-wall-post-author .sta-avatar img,.pp-wall-post-author .sta-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .pp-wall-post-author .sta-name{color:var(--cyan);} .pp-wall-post-text{color:var(--text);font-size:11px;line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-word;} .pp-wall-post-image{display:block;max-width:100%;border-radius:4px;margin-top:6px;} .pp-wall-shared-thread{margin-top:6px;padding:6px 8px;border:0.5px solid var(--border2);border-radius:3px;font-size:10px;color:var(--text2);cursor:pointer;} .pp-wall-shared-thread:hover{border-color:var(--cyan);} #pp-wall-compose-wrap{margin-bottom:8px;} #pp-body-columns{display:flex;gap:18px;align-items:flex-start;margin-top:18px;} #pp-sidebar{width:240px;flex-shrink:0;position:sticky;top:14px;display:flex;flex-direction:column;gap:12px;} #pp-main-content{flex:1;min-width:0;} .pp-sidebar-section{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:10px 12px;} .pp-sidebar-title{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;} .pp-sidebar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} .pp-sidebar-empty{grid-column:1/-1;font-size:10px;color:var(--text3);} .pp-sidebar-friend{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;} .pp-sidebar-friend-avatar{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:0.5px solid var(--border2);} .pp-sidebar-friend-avatar img,.pp-sidebar-friend-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .pp-sidebar-friend:hover .pp-sidebar-friend-avatar{border-color:var(--cyan);} .pp-sidebar-friend-name{font-size:8px;color:var(--text2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .pp-sidebar-photo{aspect-ratio:1;border-radius:3px;overflow:hidden;cursor:pointer;border:0.5px solid var(--border2);} .pp-sidebar-photo img{width:100%;height:100%;object-fit:cover;display:block;} .pp-sidebar-photo:hover{border-color:var(--cyan);} .pp-sidebar-highlight{grid-column:1/-1;font-size:10px;color:var(--text2);padding:6px 0;border-bottom:0.5px solid var(--border2);cursor:pointer;line-height:1.4;} .pp-sidebar-highlight:last-child{border-bottom:none;} .pp-sidebar-highlight:hover{color:var(--cyan);} .pp-sidebar-highlight-meta{font-size:8px;color:var(--text3);margin-top:2px;} .img-attach-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .img-attach-preview{display:flex;align-items:center;gap:6px;} .img-attach-preview img{width:40px;height:40px;object-fit:cover;border-radius:3px;border:0.5px solid var(--border2);} .img-attach-preview button:hover{color:var(--pink);} .stacks-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;} #stacks-list-header{display:flex;justify-content:flex-end;margin-bottom:8px;flex-shrink:0;} #stacks-list{display:flex;flex-direction:column;gap:6px;} .stack-card{position:relative;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:10px 12px;cursor:pointer;transition:border-color 0.15s;} .stack-card:hover{border-color:var(--cyan);} .stack-card:focus-visible,.stack-thread-row:focus-visible{outline:1px solid var(--cyan);outline-offset:2px;border-color:var(--cyan);box-shadow:var(--glow-c);} .stack-card-name{color:var(--cyan);font-weight:600;font-size:12px;padding-right:100px;} .stack-card-desc{color:var(--text2);font-size:10px;margin-top:3px;line-height:1.4;padding-right:100px;} .stack-card-meta{color:var(--text3);font-size:9px;margin-top:6px;} .stack-card-actions{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:8px;} .stack-subscribe-btn{padding:4px 10px !important;font-size:9px !important;} .stack-subscribe-btn.subscribed{color:var(--text2);border-color:var(--border2);} #stack-detail-subscribe-btn.subscribed{color:var(--text2);border-color:var(--border2);} .stack-settings-trigger{position:relative;display:inline-flex;} #stack-threads-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0;} #stack-threads-title{color:var(--cyan);font-size:12px;font-weight:600;flex:1;} .stacks-back-btn{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:10px;font-family:var(--font-mono);padding:4px 2px;} .stacks-back-btn:hover{color:var(--cyan);} #stack-topic-filter-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;flex-shrink:0;} .topic-chip{display:inline-block;padding:3px 9px;border-radius:999px;border:0.5px solid var(--border2);color:var(--text2);font-size:9px;cursor:pointer;transition:all 0.15s;} .topic-chip:hover{border-color:var(--cyan);color:var(--cyan);} .topic-chip.active{background:rgba(0,245,255,0.12);border-color:var(--cyan);color:var(--cyan);} .topic-chip.small{padding:1px 6px;cursor:default;margin-right:2px;} .topic-chip.small:hover{border-color:var(--border2);color:var(--text2);} #thread-composer-topics{display:flex;flex-wrap:wrap;gap:5px;} #stack-threads-list{display:flex;flex-direction:column;gap:6px;} .stack-thread-row{position:relative;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:8px 10px;cursor:pointer;transition:border-color 0.15s;} .stack-thread-row:hover{border-color:var(--cyan);} .stack-thread-row.pinned{border-color:var(--purple);} .stack-thread-title{color:var(--text);font-size:11px;font-weight:600;padding-right:18px;} .stack-thread-meta{color:var(--text3);font-size:9px;margin-top:4px;display:flex;align-items:center;gap:6px;} .stack-thread-row-image{display:block;max-width:160px;max-height:100px;object-fit:cover;border-radius:4px;margin-top:6px;} #stack-threads-loadmore{flex-shrink:0;padding-top:6px;text-align:center;} #stack-threads-loadmore .action-btn{width:auto;} #stack-thread-detail-header{margin-bottom:8px;flex-shrink:0;} #stack-thread-detail-body{display:flex;flex-direction:column;gap:10px;} .stack-thread-detail-title{color:var(--cyan);font-size:14px;font-weight:600;} .stack-thread-detail-text{color:var(--text);font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word;} .stack-thread-detail-image{display:block;max-width:100%;border-radius:6px;} .stack-thread-detail-author{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text2);} .stack-thread-detail-author .sta-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;} .stack-thread-detail-author .sta-avatar img,.stack-thread-detail-author .sta-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .stack-thread-detail-author .sta-name{color:var(--cyan);cursor:pointer;} #stack-thread-replies-section{margin-top:6px;padding-top:10px;border-top:0.5px solid var(--border2);display:flex;flex-direction:column;gap:8px;} #stack-thread-replies-loadmore{text-align:center;} #stack-thread-replies-loadmore .action-btn{width:auto;} #stack-thread-replies-list{display:flex;flex-direction:column;gap:8px;} .stack-reply-row{background:var(--bg3);border-radius:3px;padding:8px 10px;} .stack-reply-text{color:var(--text);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-top:4px;} #stack-reply-compose-row{display:flex;gap:6px;} #stack-reply-compose-row input{flex:1;min-width:0;width:auto;text-align:left;} .post-settings-icon{color:var(--text3);transition:color 0.15s;} .post-settings-icon:hover{color:var(--cyan);} .hover-reveal-settings{opacity:0;transition:opacity 0.15s,color 0.15s;pointer-events:none;} .wp-card:hover .hover-reveal-settings, .home-feed-item:hover .hover-reveal-settings, .stack-thread-row:hover .hover-reveal-settings, .stack-thread-detail-post:hover .hover-reveal-settings, .stack-reply-row:hover .hover-reveal-settings{opacity:1;pointer-events:auto;} .stack-thread-row-settings-btn{position:absolute;top:6px;right:8px;cursor:pointer;} .stack-thread-row-edit-link{position:absolute;top:6px;right:8px;cursor:pointer;font-size:9px;opacity:0;transition:opacity 0.15s,color 0.15s;} .stack-thread-row:hover .stack-thread-row-edit-link{opacity:1;} .stack-reply-children{margin-top:8px;margin-left:16px;padding-left:10px;border-left:0.5px solid var(--border2);display:flex;flex-direction:column;gap:8px;} .stack-reply-actions{margin-top:4px;} .stack-reply-link{color:var(--text3);font-size:9px;cursor:pointer;} .stack-reply-link:hover{color:var(--cyan);} .stack-reply-composer-row{display:flex;gap:6px;margin-top:6px;} .stack-reply-composer-row input{flex:1;min-width:0;width:auto;text-align:left;} .embed-video{position:relative;width:100%;max-width:480px;aspect-ratio:16/9;margin-top:8px;border-radius:4px;overflow:hidden;background:#000;} .embed-video iframe{width:100%;height:100%;border:0;display:block;} #stacks-page{display:none;flex-direction:column;height:calc(100vh - 70px);} #stacks-page.profile-active{height:auto;} #stacks-page.profile-active #stacks-main{overflow-y:visible;} .stub-view{min-height:calc(100vh - 70px);padding:20px 24px;} .stub-view-header{font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;} .not-found-panel{max-width:520px;margin:12vh auto 0;padding:28px;border:0.5px solid var(--border2);border-radius:6px;background:var(--bg2);text-align:center;box-shadow:0 16px 48px rgba(0,0,0,0.35);} .not-found-code{font-family:var(--font-mono);font-size:54px;line-height:1;color:var(--pink);letter-spacing:0.08em;margin-bottom:12px;text-shadow:var(--glow-p);} .not-found-panel .stub-view-header{margin-bottom:10px;} .not-found-panel p{color:var(--text2);font-size:12px;line-height:1.6;margin:0 auto 20px;} .not-found-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;} .about-hero{text-align:center;padding:14px 12px 26px;max-width:760px;margin:0 auto;} .about-tagline{font-size:24px;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 16px #00f5ff55;} .about-sub{color:var(--text2);font-size:13px;max-width:640px;margin:12px auto 0;line-height:1.65;} .about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 auto 22px;max-width:820px;} @media (max-width:640px){.about-grid{grid-template-columns:1fr;}} .about-card{padding:0 0 16px;} .about-card-icon{width:22px;height:22px;margin:14px 18px 8px;stroke:var(--cyan);fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;} .about-card-title{font-family:var(--font-mono);font-weight:700;color:var(--text);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;margin:0 18px 7px;} .about-card-body{color:var(--text2);font-size:12px;line-height:1.6;margin:0 18px;} .about-manifesto{padding:0 0 16px;max-width:900px;margin:0 auto;} .about-manifesto-title{font-family:var(--font-mono);font-weight:700;color:var(--pink);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;margin:14px 20px 11px;} .about-manifesto p{padding:0 20px;} .about-manifesto p{color:var(--text2);font-size:13px;line-height:1.7;margin:0 0 11px;} .about-manifesto p:last-child{margin-bottom:0;} .tf{position:relative;border:1px solid var(--border2);border-radius:0!important;background:rgba(5,8,16,.78); box-shadow:none;transition:border-color .15s;} .tf:hover{border-color:rgba(0,245,255,.45);transform:none;box-shadow:none;} .tf::before,.tf::after{content:"";position:absolute;width:7px;height:7px;pointer-events:none; border-color:var(--cyan);border-style:solid;} .tf::before{top:-1px;left:-1px;border-width:1px 0 0 1px;} .tf::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;} .tf-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 12px; border-bottom:1px solid var(--border2);background:rgba(0,245,255,.04); font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text3);} .tf-bar .tf-title{color:var(--cyan);font-weight:700;} .tf-bar .tf-title::before{content:"// ";color:var(--text3);font-weight:400;} .tf-meta{font-weight:400;} .tf-state-now{color:var(--green);} .tf-state-next{color:var(--cyan);} .tf-state-later{color:var(--purple-text);} .tf-body{padding:16px 18px;} .tf-prompt{color:var(--cyan);font-weight:700;margin-right:6px;} .tf-cursor{display:inline-block;width:7px;height:.95em;margin-left:5px;vertical-align:-2px;background:var(--cyan); animation:tfBlink 1.1s steps(1) infinite;} @keyframes tfBlink{50%{opacity:0;}} @media(prefers-reduced-motion:reduce){.tf-cursor{animation:none;}} .tf-list{list-style:none;margin:0;padding:0;} .tf-list li{position:relative;padding-left:26px;} .tf-list li::before{position:absolute;left:0;top:0;font-family:var(--font-mono);color:var(--text3);letter-spacing:0;} .tf-list-done li::before{content:"[■]";color:var(--green);} .tf-list-active li::before{content:"[▸]";color:var(--cyan);} .tf-list-todo li::before{content:"[ ]";} .roadmap-intro{max-width:860px;margin:2px auto 18px;padding:0;} .roadmap-kicker{font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;} .roadmap-intro p{margin:0;color:var(--text2);font-size:12px;line-height:1.7;} .roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1080px;margin:0 auto;} .roadmap-card{padding:0;} .roadmap-card h2{margin:0 0 12px;font-family:var(--font-mono);font-weight:700;color:var(--text);font-size:12px;letter-spacing:.12em;text-transform:uppercase;} .roadmap-card ul{color:var(--text2);font-size:11px;line-height:1.65;} .roadmap-card li+li{margin-top:9px;} .roadmap-card b{color:var(--text);font-weight:700;} .roadmap-next{border-color:rgba(0,245,255,.42);} .roadmap-note{max-width:860px;margin:14px auto 0;text-align:left;color:var(--text3);font-size:10px;line-height:1.6;font-family:var(--font-mono);} @media(max-width:820px){.roadmap-grid{grid-template-columns:1fr;}} .home-about-toggle{display:flex;align-items:center;gap:10px;width:100%;max-width:360px;margin:22px auto 0;cursor:pointer;background:none;border:none;padding:6px 0;} .home-about-toggle-bar{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,0.5));} .home-about-toggle-bar.right{background:linear-gradient(90deg,rgba(0,245,255,0.5),transparent);} .home-about-toggle-label{font-size:10px;letter-spacing:0.26em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;text-shadow:0 0 8px #00f5ff44;transition:text-shadow 0.2s;} .home-about-toggle:hover .home-about-toggle-label{text-shadow:0 0 12px #00f5ff88;} .home-about-toggle:hover .home-about-toggle-bar{background:linear-gradient(90deg,transparent,rgba(0,245,255,0.85));} .home-about-toggle:hover .home-about-toggle-bar.right{background:linear-gradient(90deg,rgba(0,245,255,0.85),transparent);} .home-about-chevrons{display:flex;flex-direction:column;align-items:center;width:11px;flex-shrink:0;transition:transform 0.3s ease;} .home-about-chevrons svg{width:11px;height:6px;stroke:var(--cyan);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;} .home-about-chevrons svg:first-child{margin-bottom:-2px;opacity:0.55;} .home-about-toggle.expanded .home-about-chevrons{transform:rotate(180deg);} .home-about-panel{max-width:640px;margin:0 auto;overflow:hidden;max-height:0;opacity:0;transition:max-height 0.45s cubic-bezier(.4,0,.2,1),opacity 0.35s ease,margin-top 0.35s ease;} .home-about-panel.expanded{max-height:640px;opacity:1;margin-top:16px;} .home-about-panel-inner{background:linear-gradient(180deg,rgba(0,245,255,0.06),rgba(4,3,10,0.62));border:0.5px solid var(--border2);border-radius:8px;padding:20px 24px;text-align:left;} .home-about-panel-kicker{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px #00f5ff55;margin-bottom:12px;} .home-about-panel p{color:rgba(0,255,159,0.9);font-size:12px;line-height:1.8;margin:0 0 11px; text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(4,3,10,.7);} .home-about-panel p:last-child{margin-bottom:0;} .home-about-panel .glow-word{color:var(--cyan);text-shadow:0 0 6px #00f5ff55;} #stacks-topnav{flex-shrink:0;display:flex;align-items:center;gap:2px;padding:10px 16px;position:relative;overflow:hidden; background:linear-gradient(180deg,rgba(82,86,96,0.5) 0%,rgba(48,51,58,0.5) 55%,rgba(24,26,30,0.55) 100%); border-bottom:1px solid rgba(0,245,255,0.35); box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 6px 20px rgba(0,0,0,0.35); backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);} #stacks-topnav::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0.4;mix-blend-mode:overlay; background:repeating-linear-gradient(97deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 1px,transparent 1px,transparent 3px);} .stacks-topnav-link{position:relative;background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:11px;font-family:var(--font-mono);text-align:left;padding:8px 12px;border-radius:3px;transition:all 0.15s;} .stacks-topnav-link:hover{color:var(--cyan);background:rgba(0,245,255,0.08);} .stacks-topnav-link.active{color:var(--cyan);background:rgba(0,245,255,0.08);} .stacks-topnav-sep{position:relative;width:1px;align-self:stretch;margin:4px 4px;background:rgba(255,255,255,0.12);} #stacks-main{flex:1;min-width:0;padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;} #stacks-main .stacks-view{overflow-y:visible;} #stacks-main #stacks-list-header{justify-content:space-between;align-items:center;} #stacks-main-title{color:var(--cyan);font-size:14px;font-weight:600;margin-bottom:12px;flex-shrink:0;} #stack-composer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;align-items:center;justify-content:center;} #stack-composer-overlay.open{display:flex;} #stack-composer-modal{width:320px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #stack-composer-header button:hover{color:var(--pink);} #stack-composer-body{padding:14px;display:flex;flex-direction:column;gap:8px;} #stack-composer-body input,#stack-composer-body textarea{width:100%;text-align:left;font-family:var(--font-mono);resize:vertical;} #cardbg-editor-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:220;align-items:center;justify-content:center;} #cardbg-editor-overlay.open{display:flex;} #cardbg-editor-modal{width:300px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #cardbg-editor-header button:hover{color:var(--pink);} #cardbg-editor-body{padding:14px;display:flex;flex-direction:column;gap:8px;align-items:center;} #cardbg-editor-viewport{width:260px;height:76px;border-radius:10px;overflow:hidden;position:relative;background:#000;cursor:grab;border:1px solid var(--border2);touch-action:none;user-select:none;} #cardbg-editor-viewport.dragging{cursor:grabbing;} #cardbg-editor-img{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none;} #cardbg-editor-hint{font-size:9px;color:var(--text3);} #cardbg-editor-status{font-size:9px;color:var(--text3);min-height:11px;} #banner-editor-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:220;align-items:center;justify-content:center;} #banner-editor-overlay.open{display:flex;} #banner-editor-modal{width:340px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #banner-editor-header button:hover{color:var(--pink);} #banner-editor-body{padding:14px;display:flex;flex-direction:column;gap:8px;align-items:center;} #banner-editor-viewport{width:300px;height:100px;border-radius:6px;overflow:hidden;position:relative;background:#000;cursor:grab;border:1px solid var(--border2);touch-action:none;user-select:none;} #banner-editor-viewport.dragging{cursor:grabbing;} #banner-editor-img{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none;} #banner-editor-hint{font-size:9px;color:var(--text3);} #banner-editor-status{font-size:9px;color:var(--text3);min-height:11px;} #pp-header-wrap{position:relative;width:100%;} #pp-banner-wrap{position:relative;width:100%;height:220px;border-radius:4px;overflow:hidden;background:linear-gradient(135deg,var(--bg3),var(--bg2));border:0.5px solid var(--border2);} #pp-banner-img{width:100%;height:100%;object-fit:cover;display:block;} #pp-banner-edit-btn{position:absolute;right:8px;bottom:8px;font-size:9px;padding:4px 8px;width:auto;} #pp-avatar-frame{position:absolute;left:24px;bottom:-46px;width:128px;height:128px;border-radius:50%;border:3px solid var(--bg);background:var(--bg);} #pp-avatar-frame #pp-avatar{width:100%;height:100%;border-width:0;} #pp-identity-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:56px;padding-left:160px;min-height:32px;flex-wrap:wrap;gap:8px;} #pp-name{font-size:15px;} #pp-member-since{font-size:9px;color:var(--text3);margin-top:2px;} #pp-action-buttons{display:flex;gap:6px;flex-wrap:wrap;} #pp-action-buttons .action-btn{width:auto;padding:5px 10px;font-size:10px;} #pp-stats-row{display:flex;gap:14px;margin-top:10px;font-size:10px;color:var(--text2);} #pp-stats-row span{cursor:pointer;} #pp-stats-row span:hover{color:var(--cyan);} #pp-stats-row strong{color:var(--text);} #pp-contact-row{font-size:10px;color:var(--text2);margin-top:6px;} .nx-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:0.5px solid var(--border2);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.1em;} .nx-modal-header button:hover{color:var(--pink);} #share-modal-overlay,#post-detail-modal-overlay,#confirm-modal-overlay,#share-link-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:300;align-items:center;justify-content:center;} #share-modal-overlay.open,#post-detail-modal-overlay.open,#confirm-modal-overlay.open,#share-link-modal-overlay.open{display:flex;} #share-link-modal{width:420px;max-width:92vw;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #share-link-modal-body{display:flex;gap:8px;padding:14px;} #share-link-modal-input{flex:1;min-width:0;font-family:var(--font-mono);font-size:11px;background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);padding:8px;box-sizing:border-box;} #confirm-modal-overlay{z-index:310;} #confirm-modal{width:300px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #confirm-modal-message{padding:16px 14px;font-size:12px;color:var(--text);} #share-modal{width:340px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #share-modal-caption{width:100%;min-height:64px;resize:vertical;background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);font-family:inherit;font-size:12px;padding:8px;box-sizing:border-box;} #post-detail-modal{width:560px;max-width:94vw;max-height:84vh;display:flex;flex-direction:column;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #post-detail-modal-body{padding:12px 14px;overflow-y:auto;} #follow-list-modal-overlay.open{display:flex;} #image-lightbox-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:320;align-items:center;justify-content:center;cursor:zoom-out;} #image-lightbox-overlay.open{display:flex;} #image-lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,0.8);cursor:default;} #image-lightbox-close{position:fixed;top:18px;right:24px;background:transparent;border:none;color:var(--text);font-size:24px;cursor:pointer;line-height:1;z-index:321;} #image-lightbox-close:hover{color:var(--pink);} #bugreport-modal-overlay.open{display:flex;} #bugreport-modal{width:320px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #bugreport-modal-header button:hover{color:var(--pink);} #bugreport-modal-body{padding:12px 14px;overflow-y:auto;} #follow-list-modal{width:280px;max-height:70vh;display:flex;flex-direction:column;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);} #follow-list-modal-header button:hover{color:var(--pink);} #follow-list-modal-body{padding:10px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;} .follow-list-row{display:flex;align-items:center;gap:8px;cursor:pointer;} .follow-list-row .sta-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;} .follow-list-row .sta-avatar img,.follow-list-row .sta-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .follow-list-row:hover span{color:var(--cyan);} #dm-layout{display:flex;height:calc(100vh - 70px);} #dm-conversations-panel{width:230px;flex-shrink:0;border-right:0.5px solid var(--border2);overflow-y:auto;display:flex;flex-direction:column;} #dm-conversations-list{display:flex;flex-direction:column;padding:10px 0;} .dm-convo-row{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;} .dm-convo-row:hover,.dm-convo-row.active{background:var(--bg3);} .dm-convo-row .sta-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;} .dm-convo-row .sta-avatar img,.dm-convo-row .sta-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .dm-convo-info{min-width:0;flex:1;} .dm-convo-name{font-size:11px;color:var(--text);} .dm-convo-name.unread{color:var(--cyan);font-weight:600;} .dm-convo-preview{font-size:9px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dm-convo-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);flex-shrink:0;} #dm-thread-panel{flex:1;display:flex;flex-direction:column;min-width:0;} #dm-thread-header{padding:12px 16px;border-bottom:0.5px solid var(--border2);font-size:12px;color:var(--cyan);} #dm-thread-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px;} .dm-msg-row{display:flex;} .dm-msg-row.mine{justify-content:flex-end;} .dm-msg-bubble{max-width:70%;padding:6px 10px;border-radius:10px;background:var(--bg3);font-size:11px;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word;} .dm-msg-row.mine .dm-msg-bubble{background:rgba(0,245,255,0.12);border:0.5px solid var(--cyan);} .dm-msg-time{font-size:8px;color:var(--text3);margin-top:2px;} .dm-msg-del{display:none;color:var(--text3);cursor:pointer;letter-spacing:0.06em;text-transform:uppercase;margin-right:8px;} .dm-msg-del:hover{color:var(--pink);text-shadow:var(--glow-p);} .dm-msg-row.mine:hover .dm-msg-del,.dm-msg.mine:hover .dm-msg-del{display:inline;} .dm-msg-head .dm-msg-del{font-size:8px;margin-right:0;margin-left:auto;} #dm-thread-loadmore{text-align:center;padding:6px 0;} #dm-thread-loadmore .action-btn{width:auto;} #dm-thread-compose-row{display:flex;gap:6px;padding:10px 16px;border-top:0.5px solid var(--border2);} #dm-thread-compose-row input{flex:1;min-width:0;width:auto;text-align:left;} .user-hover-card{display:none;position:fixed;z-index:270;width:220px;border-radius:8px;overflow:hidden;background:var(--bg2);box-shadow:0 14px 34px rgba(0,0,0,0.6);opacity:0;transform:translateY(4px);transition:opacity 0.18s ease,transform 0.18s ease;border:1.5px solid var(--cyan);} .user-hover-card.visible{display:block;} .user-hover-card.show{opacity:1;transform:translateY(0);} .uhc-bg{height:64px;background-size:cover;background-position:center;background-color:var(--bg3);position:relative;} .uhc-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.05) 40%,var(--bg2) 100%);} .uhc-body{padding:12px 14px 14px;margin-top:-28px;position:relative;} .uhc-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid var(--bg2);background:var(--bg2);box-shadow:0 0 0 1.5px var(--cyan);cursor:pointer;} .uhc-avatar img,.uhc-avatar svg{width:100%;height:100%;object-fit:cover;display:block;} .uhc-name{margin-top:8px;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;flex-wrap:wrap;gap:6px;} .uhc-badge{font-size:8px;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;} .uhc-badge.mod{color:var(--cyan);background:rgba(0,245,255,0.12);border:0.5px solid var(--cyan);} .uhc-badge.admin{color:var(--pink);background:rgba(255,45,120,0.12);border:0.5px solid var(--pink);} .uhc-badge.subscriber{color:var(--green);background:rgba(0,255,159,0.12);border:0.5px solid var(--green);} .uhc-badge.patron{color:var(--purple-text);background:rgba(189,0,255,0.12);border:0.5px solid var(--purple);} .uhc-quote{margin-top:6px;font-size:10px;color:var(--text2);font-style:italic;line-height:1.4;word-break:break-word;} .uhc-hint{margin-top:8px;font-size:9px;color:var(--text3);transition:color 0.15s;} .user-hover-card.editable{cursor:pointer;} .user-hover-card.editable:hover .uhc-hint{color:var(--cyan);} .uhc-stat{margin-top:8px;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text2);} .uhc-stat svg{opacity:0.7;flex-shrink:0;} .uhc-stat-label{color:var(--text3);} .uhc-actions{margin-top:10px;display:flex;gap:8px;} .uhc-action{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border-radius:4px;background:rgba(255,255,255,0.06);border:0.5px solid var(--border2);color:var(--text2);font-family:inherit;font-size:10px;line-height:1;cursor:pointer;transition:all 0.15s;} .uhc-action svg{flex-shrink:0;} .uhc-action:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px rgba(0,245,255,0.25);} .uhc-action.active{color:var(--cyan);border-color:var(--cyan);background:rgba(0,245,255,0.08);} #stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;} .card{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:12px 14px;position:relative;overflow:hidden;} .card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0.4;} .card.clickable{cursor:pointer;transition:border-color 0.15s;} .card.clickable:hover{border-color:var(--cyan);box-shadow:0 0 12px rgba(0,245,255,0.1);} .card-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:8px;display:flex;justify-content:space-between;} .swap-hint{font-size:9px;color:var(--text3);text-transform:none;letter-spacing:0;} .card-value{font-size:18px;font-weight:normal;color:var(--text);} .card-value.up{color:var(--green);text-shadow:0 0 6px var(--green);} .card-value.down{color:var(--pink);text-shadow:var(--glow-p);} .card-value.cyan{color:var(--cyan);text-shadow:var(--glow-c);} .card-connect-link{font-size:12px;color:var(--cyan);text-decoration:underline;cursor:pointer;} .card-connect-link:hover{color:var(--text);} #main-layout{display:flex;align-items:flex-start;gap:0;margin-bottom:20px;} #chart-section{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;position:relative;overflow:hidden;flex:1;min-width:0;} #chart-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0.5;z-index:10;} #chart-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:8px;flex-wrap:wrap;} #chart-title{font-size:11px;color:var(--purple-text);text-transform:uppercase;letter-spacing:0.15em;text-shadow:var(--glow-pur);} #chart-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} #tf-controls,#ct-controls,#layout-controls{position:relative;} .timeframe-popover-host{position:absolute!important;width:0;height:0;overflow:visible;} .dropdown-trigger{font-size:10px;padding:3px 9px;border:0.5px solid var(--cyan);border-radius:2px;background:rgba(0,245,255,0.1);color:var(--cyan);cursor:pointer;font-family:var(--font-mono);letter-spacing:0.05em;box-shadow:var(--glow-c);display:flex;align-items:center;gap:5px;} .dropdown-trigger:hover{filter:brightness(1.25);} .dropdown-trigger.accent-purple{border-color:#dd66ff;background:rgba(189,0,255,0.22);color:var(--purple-text);box-shadow:0 0 10px #bd00ffaa;} .dropdown-trigger.accent-purple:hover{filter:brightness(1.35);} .dropdown-caret{font-size:8px;} .dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:6px;gap:3px;z-index:20;box-shadow:0 6px 16px rgba(0,0,0,0.5);flex-wrap:wrap;width:max-content;max-width:230px;} .dropdown-menu.open{display:flex;} .dropdown-menu.layout-menu{flex-direction:column;align-items:stretch;flex-wrap:nowrap;max-width:270px;min-width:236px;} .layout-menu-heading{font-size:8px;color:var(--text3);text-transform:uppercase;letter-spacing:.12em;padding:1px 2px 3px;} .layout-menu-heading.saved{margin-top:5px;padding-top:7px;border-top:0.5px solid var(--border2);} #layout-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;} .layout-preset{display:flex;align-items:center;gap:6px;padding:5px!important;border:0.5px solid var(--border2);border-radius:3px;background:transparent;color:var(--text3);font:8px var(--font-mono);cursor:pointer;} .layout-preset:hover,.layout-preset.active{color:var(--cyan);border-color:var(--cyan);background:rgba(0,245,255,.08);} .layout-preset b{font-weight:500;} .layout-mini{display:grid;width:28px;height:20px;gap:2px;flex-shrink:0;} .layout-mini i{display:block;border:1px solid currentColor;border-radius:1px;min-width:0;min-height:0;} .layout-mini.one{grid-template-columns:1fr;} .layout-mini.two-h{grid-template-columns:repeat(2,1fr);} .layout-mini.two-v{grid-template-rows:repeat(2,1fr);} .layout-mini.three-h{grid-template-columns:repeat(3,1fr);} .layout-mini.three-v{grid-template-rows:repeat(3,1fr);} .layout-mini.four{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);} .layout-save-btn{font-size:10px;padding:6px 8px;border:0.5px solid var(--cyan);border-radius:2px;background:rgba(0,245,255,0.1);color:var(--cyan);cursor:pointer;font-family:var(--font-mono);margin-bottom:4px;} .layout-save-btn:hover{background:rgba(0,245,255,0.18);} .layout-row{display:flex;align-items:center;gap:6px;padding:6px 4px;border-radius:2px;font-size:10px;color:var(--text2);cursor:pointer;} .layout-row:hover{background:rgba(0,245,255,0.06);color:var(--text);} .layout-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tf-btn{font-size:10px;padding:3px 9px;border:0.5px solid var(--border2);border-radius:2px;background:transparent;color:var(--text2);cursor:pointer;font-family:var(--font-mono);transition:all 0.15s;letter-spacing:0.05em;} .tf-btn:hover{color:var(--cyan);border-color:var(--cyan);} .tf-btn.active{background:rgba(0,245,255,0.1);color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .ct-btn{font-size:10px;padding:3px 8px;border:0.5px solid var(--border2);border-radius:2px;background:transparent;color:var(--text2);cursor:pointer;font-family:var(--font-mono);transition:all 0.15s;} .ct-btn:hover{color:var(--purple-text);border-color:var(--purple);} .ct-btn.active{background:rgba(189,0,255,0.12);color:var(--purple-text);border-color:var(--purple);} .chart-type-trigger{padding:3px 7px;} .chart-type-icon{display:block;width:24px;height:16px;overflow:visible;} .chart-type-icon path,.chart-type-icon rect{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke;} .chart-type-icon rect:first-of-type,.chart-type-icon rect:last-of-type{fill:currentColor;fill-opacity:.18;} .info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;border:0.5px solid var(--text2);color:var(--text2);font-size:9px;cursor:help;margin-left:5px;flex-shrink:0;} .info-tip:hover{color:var(--cyan);border-color:var(--cyan);} .info-tip-content{display:none;position:fixed;width:230px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:9px 11px;font-size:10px;color:var(--text);text-align:left;line-height:1.6;box-shadow:0 6px 16px rgba(0,0,0,0.5);z-index:300;text-transform:none;letter-spacing:normal;font-weight:normal;} .info-tip:hover .info-tip-content{display:block;} #chart-settings{display:none;background:var(--bg3);border-top:0.5px solid var(--border2);} #chart-settings.open{display:flex;flex-direction:column;} #settings-tab-bar{display:flex;gap:4px;padding:10px 16px 0;border-bottom:0.5px solid var(--border2);} .settings-tab{font-size:10px;padding:6px 14px;border:0.5px solid var(--border2);border-bottom:none;border-radius:3px 3px 0 0;background:var(--bg);color:var(--text2);cursor:pointer;font-family:var(--font-mono);letter-spacing:0.06em;text-transform:uppercase;transition:all 0.15s;transform:translateY(0.5px);} .settings-tab:hover{color:var(--text);} .settings-tab.active{color:var(--cyan);border-color:var(--cyan);background:var(--bg3);box-shadow:0 -2px 8px rgba(0,245,255,0.12);transform:translateY(0);} .settings-tab-panel{display:none;padding:14px 16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;} .settings-tab-panel.active{display:grid;} .sg-label, .setting-group label.sg-label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;display:block;margin-bottom:6px;} .sg-label.spaced{margin-top:20px;} .color-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;} #settings-tab-chart.active{display:block;} .sgroup{border:0.5px solid var(--border2);border-radius:4px;background:var(--bg); margin-bottom:5px;overflow:hidden;transition:border-color 0.15s;} .sgroup[open]{border-color:var(--cyan);box-shadow:0 0 10px rgba(0,245,255,0.07);} .sgroup > summary{display:flex;align-items:center;gap:8px;padding:4px 10px;min-height:32px; cursor:pointer;list-style:none;user-select:none;} .sgroup > summary::-webkit-details-marker{display:none;} .sgroup > summary::before{content:'';flex:0 0 auto;width:0;height:0; border-left:4px solid var(--text3);border-top:3.5px solid transparent; border-bottom:3.5px solid transparent;transition:transform 0.15s;} .sgroup[open] > summary::before{transform:rotate(90deg);border-left-color:var(--cyan);} .sgroup > summary:hover{background:var(--bg2);} .sgroup > summary:hover .sg-name{color:var(--cyan);} .sg-name{font-family:var(--font-mono);font-size:10px;color:var(--text);text-transform:uppercase; letter-spacing:0.09em;flex:0 0 auto;transition:color 0.15s;} .sgroup[open] .sg-name{color:var(--cyan);} .sg-note{font-size:9.5px;color:var(--text3);flex:1;min-width:0;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .sg-switch{margin-left:auto;flex:0 0 auto;} .sg-body{padding:2px 10px 9px;} .sg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:0 16px;} .sg-sublabel{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px; color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;margin:7px 0 5px;} .color-row.slider > span:first-child, .color-row.wide > span:first-child{flex:0 0 68px;} .color-row.slider input[type=range]{flex:1;min-width:0;} .color-row span{font-size:10px;color:var(--text2);flex:1;} input[type="color"]{width:32px;height:22px;border:0.5px solid var(--border2);border-radius:2px;padding:1px;background:var(--bg);cursor:pointer;} .opacity-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;} .opacity-row span{font-size:10px;color:var(--text2);flex:1;} .opacity-row input[type="range"]{flex:1;accent-color:var(--purple);} .opacity-val{font-size:10px;color:var(--cyan);min-width:28px;text-align:right;} .ema-section-title{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;display:flex;align-items:center;gap:10px;} .toggle-switch{position:relative;width:36px;height:18px;flex-shrink:0;} .toggle-switch input{opacity:0;width:0;height:0;} .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--bg);border:0.5px solid var(--border2);border-radius:999px;transition:0.2s;} .toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background:var(--text3);border-radius:50%;transition:0.2s;} input:checked+.toggle-slider{background:rgba(0,245,255,0.15);border-color:var(--cyan);} input:checked+.toggle-slider:before{transform:translateX(18px);background:var(--cyan);} #ema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:5px;margin-top:6px;} .ema-row{display:flex;align-items:center;gap:5px;padding:3px 6px;background:var(--bg);border:0.5px solid var(--border2);border-radius:2px;} .ema-row input[type="checkbox"]{accent-color:var(--cyan);width:12px;height:12px;flex-shrink:0;cursor:pointer;} .ema-row input[type="number"]{width:48px;font-size:11px;padding:2px 3px;text-align:center;} .ema-row input[type="color"]{width:22px;height:16px;} #chart-workspace{display:grid;width:100%;height:420px;gap:2px;background:var(--border2);} #chart-workspace.chart-layout-1{grid-template-columns:1fr;grid-template-rows:1fr;} #chart-workspace.chart-layout-2h{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;} #chart-workspace.chart-layout-2v{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));} #chart-workspace.chart-layout-3h{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;} #chart-workspace.chart-layout-3v{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));} #chart-workspace.chart-layout-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));} .chart-workspace-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--bg2);} #chart-primary-tile,#chart-canvas-wrap{height:100%;min-height:0;} #chart-canvas-wrap{position:relative;} .chart-companion{display:flex;flex-direction:column;border:0.5px solid transparent;} .chart-companion:hover{border-color:rgba(0,245,255,.35);} .chart-companion-head{height:27px;display:flex;align-items:center;gap:7px;padding:3px 7px;border-bottom:0.5px solid var(--border2);font:9px var(--font-mono);color:var(--text2);flex-shrink:0;} .chart-companion-symbol{color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .chart-companion-note{color:var(--text3);font-size:8px;margin-left:auto;} .chart-companion-timeframe{width:auto;min-width:45px;margin:0;padding:2px 4px;background:var(--bg);border:0.5px solid var(--border2);border-radius:2px;color:var(--text);font:9px var(--font-mono);} .chart-companion-canvas{flex:1;min-height:0;width:100%;position:relative;} .chart-companion-empty{position:absolute;inset:27px 0 0;display:flex;align-items:center;justify-content:center;color:var(--text3);font:9px var(--font-mono);pointer-events:none;} #lwc-container{width:100%;height:100%;min-height:0;} #volume-profile{position:absolute;top:0;left:0;z-index:3;pointer-events:none;} #chart-future-grid{position:absolute;top:0;left:0;z-index:2;pointer-events:none;} #candle-countdown{position:absolute;right:64px;transform:translateY(-50%);z-index:4; padding:2px 6px;border-radius:3px;border:0.5px solid currentColor; background:rgba(15,15,26,0.82);font-family:var(--font-mono);font-size:10px; line-height:1.4;letter-spacing:0.04em;pointer-events:none;white-space:nowrap;} #candle-countdown.cc-corner{top:8px;transform:none;} .sg-pct{flex:0 0 auto;font-size:10px;color:var(--text2);width:32px;text-align:right;} .sg-note-row{font-size:10px;color:var(--text3);padding:2px 0 8px;line-height:1.4;} .sg-sub{font-size:9px;color:var(--text3);font-weight:normal;letter-spacing:0;margin-left:4px;} #chart-legends{position:absolute;inset:0;pointer-events:none;z-index:6;} body.chart-legend-hidden #chart-legends{display:none;} .pane-legend{position:absolute;left:10px;display:flex;align-items:baseline;gap:10px; font-family:var(--font-mono);font-size:11px;line-height:1.4;white-space:nowrap; text-shadow:0 0 6px rgba(10,10,26,0.95),0 0 3px rgba(10,10,26,1); right:10px;flex-wrap:wrap;} .pane-legend-title{color:var(--text2);letter-spacing:0.04em;} .pane-legend-title.price-legend-controls{display:inline-flex;align-items:baseline;gap:4px;} .pane-legend-button{pointer-events:auto;appearance:none;background:transparent;border:0;color:var(--text2);font:inherit;letter-spacing:inherit;padding:0;cursor:pointer;} .pane-legend-button:hover,.pane-legend-button:focus-visible{color:var(--cyan);outline:none;} .pane-timeframe-button{color:var(--cyan);border:0.5px solid var(--border2);border-radius:2px;padding:1px 4px;line-height:1.2;} .pane-timeframe-button:hover,.pane-timeframe-button:focus-visible{border-color:var(--cyan);box-shadow:var(--glow-c);} .pane-legend-sep{color:var(--text3);} .pane-legend-vals{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;} .pane-legend-vals .pl-k{color:var(--text3);margin-right:2px;} @media (max-width:640px){ .pane-legend[data-pane="price"] .pane-legend-vals .pl-k:nth-child(-n+6), .pane-legend[data-pane="price"] .pane-legend-vals .pl-v:nth-child(-n+6){display:none;} #sync-toast{font-size:9px !important;padding:3px 8px !important;bottom:2px !important;max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} } .pane-legend-vals .pl-v{font-variant-numeric:tabular-nums;} #draw-toolbar{display:flex;flex-direction:column;align-items:center;flex-shrink:0;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:6px 0;gap:2px; max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:visible;scrollbar-width:none;} #draw-toolbar::-webkit-scrollbar{display:none;} .rail-chart-tools{display:flex;flex-direction:column;align-items:center;gap:2px;} .rail-sep{width:16px;height:1px;background:var(--border2);margin:3px 0;flex:0 0 auto;} .rail-tool.rail-text{font-size:10px;font-weight:700;letter-spacing:0.02em;font-family:var(--font-mono);} .rail-tool[data-rail="fx"]{font-style:italic;font-size:12px;font-family:Georgia,'Times New Roman',serif;} .draw-tool-btn.on{background:rgba(0,245,255,0.12);box-shadow:var(--glow-c);} .draw-tool-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:var(--cyan);font-size:13px;cursor:pointer;transition:all 0.15s;line-height:1;} .draw-tool-btn:hover{background:rgba(0,245,255,0.08);} .draw-tool-btn, .rt-icon, .obj-btn, .msg-dot, .shape-opt-btn, .dd-item, .tf-btn, .ct-btn{ font-variant-emoji: text; font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", system-ui, sans-serif; } .draw-tool-btn.active{background:rgba(0,245,255,0.12);box-shadow:var(--glow-c);} .icon{width:16px;height:16px;flex-shrink:0;} .icon-line{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} .icon-solid{fill:currentColor;stroke:none;display:none;} html.theme-dusk .icon-line{display:none;} html.theme-dusk .icon-solid{display:block;} .draw-tool-btn.clear-btn:hover{color:var(--pink);background:rgba(255,45,120,0.08);} #lwc-container.draw-mode-active{cursor:crosshair;} #shape-tool-controls{position:relative;} #pattern-tool-controls{position:relative;} #line-tool-controls{position:relative;} #fib-tool-controls{position:relative;} #gann-tool-controls{position:relative;} #emoji-tool-controls{position:relative;} .shape-flyout{position:fixed;top:0;left:0;right:auto;flex-direction:row;max-width:none;} .shape-opt-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:var(--cyan);font-size:15px;cursor:pointer;transition:all 0.15s;line-height:1;} .shape-opt-btn:hover{background:rgba(0,245,255,0.1);} .tool-menu{position:fixed;top:0;left:0;right:auto;flex-direction:column;align-items:stretch;flex-wrap:nowrap;max-width:none;width:max-content;min-width:172px;padding:5px;} .tool-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 9px;background:transparent;border:none;border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font-mono);letter-spacing:0.02em;cursor:pointer;transition:all 0.12s;text-align:left;white-space:nowrap;} .tool-menu-item:hover{background:rgba(0,245,255,0.1);color:var(--cyan);} .tool-menu-item .tm-glyph{flex:0 0 16px;text-align:center;color:var(--cyan);font-size:14px;line-height:1;} .tool-menu-heading{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;padding:5px 9px 2px;pointer-events:none;} #draw-snap-btn{position:relative;} .snap-badge{position:absolute;bottom:1px;right:1px;font-size:7px;font-family:var(--font-mono);font-weight:bold;line-height:1;color:var(--bg2);background:var(--cyan);border-radius:2px;padding:0 1px;display:none;} #draw-snap-btn.active .snap-badge{display:block;} #draw-text-input-wrap{display:none;position:absolute;top:0;left:0;z-index:8;transform:translate(-2px,-50%);} #draw-text-input-wrap input{background:var(--bg2);border:1px solid var(--cyan);border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:3px 6px;outline:none;box-shadow:var(--glow-c);min-width:130px;} #draw-settings-panel{display:none;position:absolute;top:0;left:0;z-index:9;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,0.6),var(--glow-c);min-width:175px;font-family:var(--font-mono);} #draw-settings-header{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-bottom:0.5px solid var(--border2);font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.1em;} #draw-settings-close{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:13px;padding:0 2px;line-height:1;} #draw-settings-close:hover{color:var(--pink);} #draw-settings-body{padding:9px 10px;display:flex;flex-direction:column;gap:8px;} .ds-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--text2);} .ds-row input[type="text"]{width:110px;text-align:left;} .ds-row .unit-toggle .unit-btn{padding:3px 7px;} .fib-level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 10px;max-height:160px;overflow-y:auto;padding-right:2px;} .fib-level-chip{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text2);cursor:pointer;white-space:nowrap;} .fib-level-chip input{accent-color:var(--cyan);width:11px;height:11px;flex-shrink:0;cursor:pointer;margin:0;} #draw-overlay{position:absolute;top:0;left:0;z-index:4;pointer-events:none;} #draw-overlay.placing{pointer-events:all;cursor:crosshair;} #draw-overlay .draw-shape{pointer-events:auto;cursor:move;} #draw-overlay .draw-shape.selected{filter:drop-shadow(0 0 3px currentColor);} #draw-overlay .draw-handle{pointer-events:auto;cursor:grab;fill:var(--bg2);stroke:var(--cyan);stroke-width:1.5;} #draw-overlay .draw-handle:active{cursor:grabbing;} #draw-overlay .draw-rotate-handle{fill:var(--pink);stroke:var(--pink);cursor:alias;} #draw-overlay text.draw-label{font-family:var(--font-mono);font-size:10px;fill:var(--text2);pointer-events:none;user-select:none;} #draw-overlay text.draw-text-el{font-family:var(--font-mono);font-size:13px;cursor:move;} .obj-row{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:2px;cursor:pointer;font-size:11px;color:var(--text2);} .obj-row:hover{background:rgba(0,245,255,0.05);} .obj-row.selected{background:rgba(0,245,255,0.1);color:var(--cyan);} .obj-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0;} .obj-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .obj-btn{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:11px;padding:2px 4px;flex-shrink:0;} .obj-btn:hover{color:var(--text);} #tz-picker{position:absolute;bottom:2px;right:3px;z-index:5;} #tz-select{background:rgba(15,15,26,0.88);border:0.5px solid var(--border2);color:var(--text2); font-family:var(--font-mono);font-size:9px;padding:1px 3px;border-radius:2px;outline:none; cursor:pointer;max-width:150px;} #tz-select:hover,#tz-select:focus{border-color:var(--cyan);color:var(--cyan);} #ohlcv-bar{padding:0 16px 8px;display:flex;gap:16px;font-size:11px;color:var(--text2);flex-wrap:wrap;min-height:24px;} #ohlcv-bar span b{color:var(--text);} #ohlcv-bar .ohlcv-o b{color:#c8c8e0;} #ohlcv-bar .ohlcv-h b{color:var(--green);} #ohlcv-bar .ohlcv-l b{color:var(--pink);} #ohlcv-bar .ohlcv-c b{color:var(--cyan);} #ohlcv-bar .ohlcv-v b{color:var(--text2);} #signal-strip{background:var(--bg2);border:0.5px solid var(--border2); border-radius:4px;margin-bottom:20px;overflow:hidden;} .sig-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap; padding:9px 14px;border-bottom:0.5px solid var(--border2);} .sig-title{font-size:10px;color:var(--purple-text);text-transform:uppercase; letter-spacing:0.12em;text-shadow:var(--glow-pur);} .sig-note{font-size:9px;color:var(--text3);} .sig-tf{font-size:9px;color:var(--text2);margin-left:auto; font-variant-numeric:tabular-nums;} .sig-row{display:grid;align-items:center;gap:10px;padding:7px 14px; grid-template-columns:74px 96px minmax(0,1fr) minmax(0,1fr) 70px auto;} .sig-row+.sig-row{border-top:0.5px solid var(--border);} .sig-row:hover{background:rgba(255,255,255,0.02);} .sig-name{font-size:11px;color:var(--text);} .sig-basis{font-size:9px;color:var(--text3);} .sig-metric{display:flex;flex-direction:column;gap:1px;min-width:0;} .sig-metric i{font-style:normal;font-size:8px;color:var(--text3); text-transform:uppercase;letter-spacing:0.06em;} .sig-metric b{font-weight:normal;font-size:11px;color:var(--text); font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .sig-stance{justify-self:start;} .sig-bots{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;} .signal-state{font-size:9px;padding:2px 8px;border-radius:2px;text-transform:none;letter-spacing:0.05em;display:inline-block;} .state-neutral{background:var(--bg3);color:var(--text2);border:0.5px solid var(--border2);} .state-long{background:rgba(0,255,159,0.1);color:var(--green);border:0.5px solid var(--green);} .state-short{background:rgba(255,45,120,0.1);color:var(--pink);border:0.5px solid var(--pink);} .bot-sig{font-size:9px;padding:2px 6px;border-radius:2px;text-align:center;border:0.5px solid var(--border2);color:var(--text3);white-space:nowrap;} @media (max-width:900px){ .sig-row{grid-template-columns:74px 1fr 70px;row-gap:6px;} .sig-basis{grid-column:2/4;} .sig-metric{grid-column:span 1;} .sig-bots{grid-column:1/-1;justify-content:flex-start;} .sig-note{display:none;} } .ob-row{position:relative;display:flex;justify-content:space-between;font-size:10px;padding:2px 6px;overflow:hidden;border-radius:2px;cursor:pointer;} .ob-row:hover{outline:0.5px solid var(--border2);} #manual-price-override.override-active{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-c);} #manual-price-hint.override-active-hint{color:var(--cyan);} .ob-bar{position:absolute;top:0;right:0;bottom:0;z-index:0;} .ob-bar.bid{background:rgba(0,255,159,0.12);} .ob-bar.ask{background:rgba(255,45,120,0.12);} .ob-price{position:relative;z-index:1;} .ob-price.bid{color:var(--green);} .ob-price.ask{color:var(--pink);} .ob-size{position:relative;z-index:1;color:var(--text2);} .ob-spread{text-align:center;font-size:9px;color:var(--text3);padding:5px 0;border-top:0.5px dashed var(--border2);border-bottom:0.5px dashed var(--border2);margin:3px 0;} #orderbook-depth svg{display:block;width:100%;height:140px;} .depth-y-label{font-size:9px;color:var(--text3);text-align:right;margin-bottom:3px;display:flex;justify-content:space-between;} .depth-x-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--text3);margin-top:4px;} #orderbook-depth-svg-wrap{position:relative;cursor:pointer;} #depth-crosshair-line{position:absolute;top:0;bottom:0;width:1px;background:var(--cyan);pointer-events:none;display:none;z-index:2;} #depth-crosshair-price{position:absolute;bottom:-2px;transform:translate(-50%,100%);background:var(--bg2);border:0.5px solid var(--cyan);color:var(--cyan);font-size:9px;padding:1px 5px;border-radius:2px;white-space:nowrap;pointer-events:none;display:none;z-index:3;} .bot-sig.long{background:rgba(0,255,159,0.08);color:var(--green);border-color:var(--green);} .bot-sig.short-pos{background:rgba(255,45,120,0.08);color:var(--pink);border-color:var(--pink);} #trading-panel-wrap{position:relative;flex-shrink:0;} #trading-panel{width:340px;overflow:hidden;background:var(--bg2);border:0.5px solid var(--border2);border-left:none;border-radius:0 4px 4px 0;transition:width 0.2s ease,border-color 0.2s ease;} #trading-panel.collapsed{width:0;border-color:transparent;} #trading-panel-inner{width:340px;padding:14px;overflow-y:auto;} #trading-panel-toggle{position:absolute;top:50%;left:0;transform:translate(-100%,-50%);background:var(--bg2);border:0.5px solid var(--border2);border-right:none;border-radius:4px 0 0 4px;color:var(--cyan);cursor:pointer;padding:14px 5px;font-size:12px;font-family:var(--font-mono);z-index:5;line-height:1;} #trading-panel-toggle:hover{color:var(--text);box-shadow:var(--glow-c);} #orderbook-panel-wrap{position:relative;flex-shrink:0;} #orderbook-side-panel{width:340px;overflow:hidden;background:var(--bg2);border:0.5px solid var(--border2);border-right:none;border-radius:4px 0 0 4px;transition:width 0.2s ease,border-color 0.2s ease;} #orderbook-side-panel.collapsed{width:0;border-color:transparent;} #orderbook-side-inner{width:340px;padding:14px;overflow-y:auto;} #orderbook-side-inner h2{font-size:10px;color:var(--purple-text);text-transform:uppercase;letter-spacing:0.15em;font-weight:normal;margin-bottom:10px;text-shadow:var(--glow-pur);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;} #orderbook-panel-toggle{position:absolute;top:50%;right:0;transform:translate(100%,-50%);background:var(--bg2);border:0.5px solid var(--border2);border-left:none;border-radius:0 4px 4px 0;color:var(--purple-text);cursor:pointer;padding:14px 5px;font-size:12px;font-family:var(--font-mono);z-index:5;line-height:1;} #orderbook-panel-toggle:hover{color:var(--text);box-shadow:var(--glow-pur);} #orderbook-ladder,#orderbook-depth-wrap{cursor:ns-resize;} #tools-panel-wrap{display:flex;align-items:flex-start;flex-shrink:0;--tools-w:300px;} #tools-panel{width:var(--tools-w);flex-shrink:0;overflow:hidden;background:var(--bg2);border:0.5px solid var(--border2);border-right:none;border-radius:4px 0 0 4px;transition:border-color 0.2s ease;} #tools-panel.animating{transition:width 0.2s ease,border-color 0.2s ease;} #tools-panel.collapsed{width:0;border-color:transparent;} #tools-panel-inner{width:var(--tools-w);padding:14px;overflow-y:auto;} #tools-divider{ width:7px;align-self:stretch;min-height:120px;flex-shrink:0; cursor:ew-resize;position:relative; } #tools-divider::after{ content:'';position:absolute;left:50%;top:50%; width:2px;height:28px;background:var(--border2);border-radius:1px; transform:translate(-50%,-50%); } #tools-divider:hover::after,#tools-divider.dragging::after{background:var(--cyan);} #tools-panel-wrap.panel-collapsed #tools-divider{display:none;} body.tools-resizing{cursor:ew-resize;user-select:none;} body.tools-resizing *{pointer-events:none;} #tools-panel-inner h2{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.15em;font-weight:normal;margin-bottom:10px;text-shadow:var(--glow-c);} .tool-content{display:none;} .tool-content.active{display:block;} #right-toolbar{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:38px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:8px 0;gap:2px;} .rt-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--cyan);font-size:15px;cursor:pointer;transition:all 0.15s;line-height:1;} .rt-icon:hover{background:rgba(0,245,255,0.08);} .rt-icon.active{background:rgba(0,245,255,0.12);box-shadow:var(--glow-c);} .rt-icon .icon{width:18px;height:18px;} .rt-spacer{flex:1;min-height:8px;} .tool-content .wl-search{width:100%;margin-bottom:10px;text-align:left;} .wl-row.selectable{display:flex;align-items:baseline;gap:6px;cursor:pointer;} .wl-row.selectable:hover{background:rgba(0,245,255,.07);} .wl-row .wl-coin{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);} .wl-row .wl-price{color:var(--text2);font-size:10px;flex-shrink:0;} .wl-row .wl-chg{font-size:9px;flex-shrink:0;min-width:44px;text-align:right;} .wl-row .wl-chg.up{color:var(--green);} .wl-row .wl-chg.down{color:var(--pink);} #market-list{max-height:36vh;overflow-y:auto;} .wl-section{margin-top:8px;} .wl-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 8px 4px;font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;} .wl-count{font-family:var(--font-mono);letter-spacing:0;} #watchlist-rows{max-height:30vh;overflow-y:auto;} .wl-empty{padding:8px;text-align:left;font-size:10px;} .wl-row.selectable{align-items:center;} .wl-row.selectable.on .wl-coin{color:var(--cyan);} .wl-star{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:12px;line-height:1;padding:0 2px;flex-shrink:0;transition:color 0.15s;} .wl-star:hover{color:var(--yellow);} .wl-star.on{color:var(--yellow);text-shadow:0 0 6px rgba(255,230,0,0.45);} .wl-row .wl-price.up{color:var(--green);} .wl-row .wl-price.down{color:var(--pink);} .wl-row{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-radius:2px;font-size:11px;} .wl-row.active{background:rgba(0,245,255,0.08);color:var(--cyan);} .wl-row.inert{color:var(--text3);} .wl-row .wl-tag{font-size:9px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);} #chat-body{display:flex;height:420px;} #chat-channels{width:96px;flex-shrink:0;border-right:0.5px solid var(--border2);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:8px;} .dm-list-heading{color:var(--text3);font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:7px 6px 3px;} .dm-list-empty{color:var(--text3);font-size:9px;font-style:italic;padding:3px 6px 6px;} .chat-channel-btn .dm-thread-name{display:block;color:inherit;font-weight:600;overflow:hidden;text-overflow:ellipsis;} .chat-channel-btn .dm-thread-preview{display:block;color:var(--text3);font-size:9px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;} .chat-channel-btn.unread .dm-thread-name{color:var(--cyan);} .chat-channel-btn.unread .dm-thread-name::after{content:"●";color:var(--cyan);font-size:7px;margin-left:5px;vertical-align:middle;} #chat-thread-header{display:flex;align-items:baseline;gap:8px;padding:4px 2px 7px;border-bottom:0.5px solid var(--border2);margin-bottom:6px;flex-shrink:0;} #chat-thread-title{color:var(--cyan);font-weight:600;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #chat-thread-sub{color:var(--text3);font-size:9px;flex-shrink:0;} .dm-msg{margin-bottom:7px;} .dm-msg-head{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;} .dm-msg-name{color:var(--cyan);font-weight:600;font-size:10px;} .dm-msg.mine .dm-msg-name{color:var(--text2);} .dm-msg-time{color:var(--text3);font-size:9px;} .dm-msg-text{color:var(--text);font-size:11px;word-break:break-word;} #chat-msg-input:disabled{opacity:.5;cursor:not-allowed;} .chat-channel-btn{background:transparent;border:none;color:var(--text2);font-family:var(--font-mono);font-size:10px;text-align:left;padding:6px 6px;border-radius:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .chat-channel-btn:hover{color:var(--text);} .chat-channel-btn.active{color:var(--cyan);background:rgba(0,245,255,0.1);} #chat-add-channel{display:flex;gap:4px;margin-top:8px;} #chat-add-channel input{flex:1;min-width:0;width:auto;font-size:10px;text-align:left;padding:5px 6px;} #chat-add-channel button{flex-shrink:0;width:auto;margin:0;padding:5px 8px;} #chat-main{flex:1;display:flex;flex-direction:column;min-width:0;padding-left:10px;} #chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;} .chat-msg{font-size:11px;color:var(--text);line-height:1.4;word-break:break-word;} .chat-msg .chat-msg-time{color:var(--text3);font-size:9px;margin-left:6px;} #chat-input-row{display:flex;gap:6px;flex-shrink:0;} #chat-input-row input{flex:1;min-width:0;width:auto;text-align:left;} #chat-input-row button{flex-shrink:0;width:auto;margin:0;padding:5px 12px;} #tool-content-community.active{display:flex;flex-direction:column;height:100%;} #community-body{display:flex;flex-direction:column;flex:1;min-height:0;} #community-main{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;} #community-divider{height:6px;flex-shrink:0;cursor:ns-resize;position:relative;margin-top:4px;} #community-divider::after{content:'';position:absolute;left:50%;top:50%;width:28px;height:2px;background:var(--border2);border-radius:1px;transform:translate(-50%,-50%);} #community-divider:hover::after,#community-divider.dragging::after{background:var(--cyan);} #community-channels{height:80px;flex-shrink:0;overflow:auto;padding-top:4px;display:flex;flex-direction:column;gap:2px;} #community-channels .chat-channel-btn{flex:0 0 auto;} #community-channels .chat-channel-add{color:var(--cyan);} #community-channels .chat-channel-add:hover{background:rgba(0,245,255,0.1);} #community-market-context{display:flex;align-items:center;gap:6px;margin-bottom:7px;padding:6px 7px;background:rgba(0,245,255,.04);border:0.5px solid var(--border2);border-radius:3px;font-size:9px;flex-shrink:0;} .community-context-label{color:var(--text3);text-transform:uppercase;letter-spacing:.09em;} #community-market-context button{width:auto;margin:0;padding:0;border:0;background:transparent;color:var(--cyan);font:600 10px var(--font-mono);cursor:pointer;} #community-market-context button:hover{text-decoration:underline;} .community-context-time{margin-left:auto;color:var(--text2);white-space:nowrap;} #community-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:10px;color:var(--text2);flex-shrink:0;} #community-display-name{color:var(--cyan);font-weight:600;} #community-change-name-link{color:var(--text3);text-decoration:underline;cursor:pointer;font-size:9px;} #community-change-name-link:hover{color:var(--text2);} #community-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;margin-bottom:8px;} #community-messages, #community-channels{ scrollbar-width:thin; scrollbar-color:rgba(0,245,255,0.55) #000; } #community-messages::-webkit-scrollbar, #community-channels::-webkit-scrollbar{width:11px;} #community-messages::-webkit-scrollbar-track, #community-channels::-webkit-scrollbar-track{background:#000;} #community-messages::-webkit-scrollbar-thumb, #community-channels::-webkit-scrollbar-thumb{ background:rgba(0,245,255,0.5);border-radius:5px;border:1px solid rgba(0,245,255,0.3); } #community-messages::-webkit-scrollbar-thumb:hover, #community-channels::-webkit-scrollbar-thumb:hover{background:rgba(0,245,255,0.75);} #community-messages::-webkit-scrollbar-button, #community-channels::-webkit-scrollbar-button{ display:block;height:12px;background-color:#000;background-repeat:no-repeat;background-position:center; } #community-messages::-webkit-scrollbar-button:decrement, #community-channels::-webkit-scrollbar-button:decrement{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='5,0 10,6 0,6' fill='%2300f5ff' fill-opacity='0.8'/%3E%3C/svg%3E"); } #community-messages::-webkit-scrollbar-button:increment, #community-channels::-webkit-scrollbar-button:increment{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpolygon points='0,0 10,0 5,6' fill='%2300f5ff' fill-opacity='0.8'/%3E%3C/svg%3E"); } .community-msg{display:flex;gap:6px;font-size:11px;line-height:1.4;word-break:break-word;padding:4px 6px;border-radius:3px;background:var(--bg3);margin-top:8px;} .community-msg:first-child{margin-top:0;} .community-day-sep + .community-msg{margin-top:0;} .community-msg.mine{background:rgba(0,245,255,0.08);} .community-msg-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:1px;} .community-msg-avatar img,.community-msg-avatar svg{width:100%;height:100%;display:block;object-fit:cover;} .community-msg-body{flex:1;min-width:0;} .community-msg-head{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;} .community-msg-name{color:var(--cyan);font-weight:600;font-size:10px;} .ct-sep{height:0;border-top:0.5px solid var(--border2);margin:3px 4px;} .chat-market{display:inline-block;font-size:8px;line-height:1;color:var(--purple-text);border:0.5px solid rgba(189,0,255,0.45); border-radius:2px;padding:2px 4px;letter-spacing:0.08em;font-family:var(--font-mono);cursor:pointer;vertical-align:middle; margin-right:2px;transition:all 0.15s;} .chat-market:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .dm-msg-time .chat-market{margin-right:6px;} .community-msg-time{color:var(--text3);font-size:9px;} .msg-settings-menu .mod-tool-start{border-top:0.5px solid var(--border2);margin-top:4px;padding-top:9px;} .member-badge{ font-size:9px;line-height:1;flex-shrink:0; display:inline-block;vertical-align:baseline; cursor:default;user-select:none; } .badge-founder{color:#ffd166;text-shadow:0 0 6px #ffd16655;} .badge-admin{color:var(--pink);text-shadow:0 0 6px #ff2d7855;} .badge-employee{color:var(--purple-text);text-shadow:0 0 6px #bd00ff55;} .badge-mod{color:var(--cyan);text-shadow:0 0 6px #00f5ff55;} .badge-og{color:var(--green);text-shadow:0 0 6px #00ff9f55;} .badge-patron{color:#ffb347;} .badge-subscriber{color:#8fb8ff;} .community-msg-custom-quote{ display:flex;gap:6px;align-items:baseline; margin:0 0 3px;padding:3px 7px; border-left:2px dashed #ffb347;border-radius:0 3px 3px 0; background:rgba(255,179,71,.06); font-size:10px;line-height:1.45;min-width:0;cursor:help; } .community-msg-custom-quote .cq-mark{color:#ffb347;opacity:.75;flex-shrink:0;font-size:9px;} .community-msg-custom-quote .cq-name{color:#ffb347;font-weight:600;font-style:italic;flex-shrink:0;} .community-msg-custom-quote .cq-text{ color:var(--text3);font-style:italic; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; } #community-customquote-bar{ display:flex;align-items:center;gap:6px; margin-bottom:5px;padding:4px 7px;flex-shrink:0; border-left:2px dashed #ffb347;border-radius:0 3px 3px 0; background:rgba(255,179,71,.07);min-width:0; } #community-customquote-bar[hidden]{display:none;} .cq-bar-mark{color:#ffb347;flex-shrink:0;font-size:10px;opacity:.8;} .cq-input{ background:rgba(0,0,0,.25);border:0.5px solid var(--border2);border-radius:3px; color:var(--text);font-size:10px;padding:3px 6px;min-width:0; font-family:inherit; } .cq-input:focus{outline:none;border-color:#ffb347;} .cq-input-name{flex:0 0 26%;color:#ffb347;font-weight:600;font-style:italic;} .cq-input-text{flex:1;font-style:italic;} .community-msg.grouped{ margin-top:0; border-top-left-radius:0; border-top-right-radius:0; } .community-msg:has(+ .community-msg.grouped){ border-bottom-left-radius:0; border-bottom-right-radius:0; } .community-msg:hover, .community-msg:hover + .community-msg.grouped, .community-msg:has(+ .community-msg.grouped:hover){ background:var(--bg2); } .community-msg.mine:hover, .community-msg.mine:hover + .community-msg.grouped, .community-msg.mine:has(+ .community-msg.grouped:hover){ background:rgba(0,245,255,0.13); } .community-msg-avatar.spacer{ background:none;display:flex;align-items:flex-start;justify-content:flex-end; padding-right:1px; } .community-msg-hovertime{ color:var(--text3);font-size:8px;line-height:1.6;opacity:0; transition:opacity .12s ease;white-space:nowrap; } .community-msg.grouped:hover .community-msg-hovertime{opacity:.75;} .community-day-sep{ display:flex;align-items:center;gap:8px; margin:9px 2px 6px;color:var(--text3);font-size:9px; text-transform:uppercase;letter-spacing:.06em; } .community-day-sep::before,.community-day-sep::after{ content:"";flex:1;height:0;border-top:0.5px solid var(--border2); } .community-msg-quote-block{ display:flex;gap:6px;align-items:baseline; margin:0 0 3px;padding:3px 7px; border-left:2px solid var(--cyan);border-radius:0 3px 3px 0; background:rgba(0,245,255,.045); cursor:pointer;font-size:10px;line-height:1.45; min-width:0; } .community-msg-quote-block:hover{background:rgba(0,245,255,.09);} .community-msg-quote-block .quote-name{color:var(--cyan);font-weight:600;flex-shrink:0;} .community-msg-quote-block .quote-text{ color:var(--text3); overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; } .community-msg-quote-block.deleted{ border-left-color:var(--border2);background:transparent;cursor:default; } .community-msg-quote-block.deleted .quote-text{font-style:italic;} @keyframes msgFlash{ 0%{background:rgba(0,245,255,.20);} 100%{background:transparent;} } .community-msg.msg-flash{animation:msgFlash 1.6s ease-out;border-radius:4px;} @media (prefers-reduced-motion: reduce){ .community-msg.msg-flash{animation-duration:.01ms;} } #community-reply-bar{ display:flex;align-items:center;gap:7px; margin-bottom:5px;padding:5px 8px;flex-shrink:0; border-left:2px solid var(--cyan);border-radius:0 3px 3px 0; background:rgba(0,245,255,.06);font-size:10px;min-width:0; } #community-reply-bar[hidden]{display:none;} .reply-bar-mark{color:var(--cyan);flex-shrink:0;opacity:.8;} .reply-bar-body{display:flex;gap:6px;align-items:baseline;min-width:0;flex:1;} .reply-bar-name{color:var(--cyan);font-weight:600;flex-shrink:0;} .reply-bar-text{color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;} .reply-bar-cancel{ background:none;border:0;color:var(--text3);cursor:pointer; font-size:14px;line-height:1;padding:0 2px;flex-shrink:0; } .reply-bar-cancel:hover{color:var(--pink);} .community-msg-text{color:var(--text);} .community-msg.system-msg{background:transparent;border:0.5px dashed var(--border2);} .community-msg.system-msg .community-msg-text{color:var(--text3);font-style:italic;font-size:10px;} .community-msg-actions{ margin-left:auto;display:flex;align-items:center;gap:7px;position:relative; visibility:hidden;opacity:0;transition:opacity .12s ease; } .community-msg:hover .community-msg-actions, .community-msg:focus-within .community-msg-actions, .community-msg-actions:has(.msg-settings-menu.open){ visibility:visible;opacity:1; } @media (hover: none){ .community-msg-actions{visibility:visible;opacity:1;} } .community-msg-quote{color:var(--text3);cursor:pointer;font-size:12px;line-height:1;} .community-msg-quote:hover{color:var(--cyan);} .community-msg-report{color:var(--text3);cursor:pointer;font-size:9px;line-height:1;filter:grayscale(1);opacity:0.7;} .community-msg-report:hover{filter:grayscale(0);opacity:1;} .community-msg-settings{display:flex;flex-direction:column;gap:2px;cursor:pointer;padding:3px 2px;} .msg-dot{width:3px;height:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#bdfcff,var(--cyan) 45%,var(--purple) 100%);box-shadow:0 0 2px rgba(0,245,255,0.7);} .community-msg-settings:hover .msg-dot{box-shadow:0 0 4px rgba(189,0,255,0.9);} .msg-settings-menu{display:none;position:fixed;min-width:170px;flex-direction:column;gap:2px;background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,0.55),var(--glow-c);padding:6px;z-index:260;} .msg-settings-menu.open{display:flex;} .msg-highlight{animation:msg-flash 2.2s ease-out;} @keyframes msg-flash{0%{background:rgba(0,245,255,0.3);}100%{background:transparent;}} .mod-red{color:#ff3b3b;font-weight:600;font-style:normal;} #community-chart-preview{ display:flex;align-items:center;gap:8px;flex-shrink:0;margin-bottom:6px;padding:6px; color:var(--text2);font-size:9px;background:rgba(0,245,255,.04); border:0.5px solid var(--border2);border-radius:3px; } #community-chart-preview[hidden]{display:none;} #community-chart-preview img{width:72px;height:42px;object-fit:cover;border:0.5px solid var(--border2);border-radius:2px;} #community-chart-preview span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #community-chart-preview button{width:auto;margin:0;padding:2px 6px;background:transparent;border:0;color:var(--text3);font-size:15px;} #community-chart-preview button:hover{color:var(--pink);} #community-input-row{display:flex;align-items:stretch;gap:6px;flex-shrink:0;position:relative;} #community-input-row input{flex:1;min-width:0;width:auto;text-align:left;} #community-input-row button{flex-shrink:0;width:auto;margin:0;padding:5px 12px;} #community-input-row .community-composer-tool{ padding:5px 7px;background:transparent;color:var(--text3);border:0.5px solid var(--border2); border-radius:3px;font:9px var(--font-mono);letter-spacing:.04em;cursor:pointer; } #community-input-row .community-composer-tool .icon{width:14px;height:14px;display:block;} #community-input-row .community-composer-tool:hover, #community-input-row .community-composer-tool[aria-expanded="true"]{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} #community-emoji-wrap{position:relative;display:flex;} #community-emoji-picker{ position:absolute;left:0;bottom:calc(100% + 6px);z-index:270;width:218px; display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:7px; background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px; box-shadow:0 10px 24px rgba(0,0,0,.6),var(--glow-c); } #community-emoji-picker[hidden]{display:none;} #community-emoji-picker button{ width:24px;height:24px;padding:0;border:0;background:transparent;border-radius:3px; font-size:15px;line-height:24px;cursor:pointer; } #community-emoji-picker button:hover,#community-emoji-picker button:focus-visible{background:rgba(0,245,255,.12);outline:1px solid var(--cyan);} .community-msg-chart{display:block;margin-top:6px;max-width:min(100%,420px);border:0.5px solid var(--border2);border-radius:4px;overflow:hidden;background:var(--bg);} .community-msg-chart:hover{border-color:var(--cyan);box-shadow:0 0 10px rgba(0,245,255,.12);} .community-msg-chart img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;} .theme-swatch{width:100%;height:20px;border-radius:2px;margin-bottom:4px;} .theme-swatch.cyberpunk{background:linear-gradient(90deg,#0a0a0f,#0f0f1a);} .theme-swatch.dusk{background:linear-gradient(90deg,#1b1f2b,#232838);} #chart-bottom-tabs{display:flex;gap:6px;padding:4px 16px 0;} .bottom-tab{font-size:10px;padding:4px 10px;border:0.5px solid var(--border2);border-bottom:none;border-radius:3px 3px 0 0;background:var(--bg);color:var(--text2);cursor:pointer;font-family:var(--font-mono);letter-spacing:0.05em;} .bottom-tab:hover{color:var(--text);} .bottom-tab.active{color:var(--purple-text);border-color:var(--purple);background:rgba(189,0,255,0.08);} #pine-editor-panel{display:none;border-top:0.5px solid var(--border2);background:var(--bg);} #pine-editor-panel.open{display:block;} #pine-editor-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:6px 12px;font-size:11px;color:var(--text2);border-bottom:0.5px solid var(--border2);} #pine-editor-toolbar button{width:auto;margin:0;padding:5px 12px;display:inline-block;} #pine-editor-toolbar{gap:8px;} #oak-editor-name{width:170px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);padding:4px 8px;font:11px var(--font-mono);} .oak-editor-field{display:flex;align-items:center;gap:6px;color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;} #oak-editor-params{width:220px;background:var(--bg2);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);padding:4px 8px;font:11px var(--font-mono);text-transform:none;letter-spacing:0;} .oak-editor-spacer{flex:1 1 24px;} #pine-editor-output.err{color:var(--pink);} #pine-editor-output.ok{color:var(--green);} #oak-editor-wrap{position:relative;overflow:hidden;background:var(--bg);} #oak-editor-gutter{position:absolute;left:0;top:0;width:44px;padding:12px 0;box-sizing:border-box;text-align:right; font:12px/18px var(--font-mono);color:var(--text3);user-select:none;pointer-events:none;white-space:pre;} #oak-editor-gutter .ok-ln{padding-right:10px;} #oak-editor-gutter .ok-ln.ok-err{color:var(--pink);background:rgba(255,45,120,0.12);} #oak-editor-hl{position:absolute;left:44px;top:0;right:0;margin:0;padding:12px 16px 12px 8px;box-sizing:border-box;min-height:100%; font:12px/18px var(--font-mono);color:var(--text);white-space:pre;overflow:visible;pointer-events:none;tab-size:2;} #pine-editor-code{position:relative;display:block;margin-left:44px;width:calc(100% - 44px);height:200px;background:transparent;color:transparent;caret-color:var(--cyan); border:none;font:12px/18px var(--font-mono);padding:12px 16px 12px 8px;resize:vertical;outline:none;box-sizing:border-box;white-space:pre;overflow:auto;tab-size:2;} #pine-editor-code::selection{background:rgba(0,245,255,0.22);} .ok-c{color:var(--text3);font-style:italic;} .ok-s{color:#ffb347;} .ok-n{color:#bd00ff;} .ok-k{color:var(--pink);} .ok-g{color:var(--cyan);} .ok-f{color:#8f9bff;} .ok-p{color:var(--text);} .ok-b{color:var(--text2);} #pine-editor-output{font-size:10px;color:var(--text2);padding:8px 16px 12px;border-top:0.5px solid var(--border2);line-height:1.6;} #pine-editor-output:empty{display:none;} #mode-tabs{display:flex;gap:6px;margin-bottom:14px;} .mode-tab{flex:1;padding:8px;text-align:center;border:0.5px solid var(--border2);border-radius:2px;background:transparent;color:var(--text2);cursor:pointer;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;} .mode-tab.active{background:rgba(0,245,255,0.1);color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .mode-content{display:none;} .dex-head{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;} #dex-view-container .dex-intro{text-align:left;padding:0 0 10px;line-height:1.55;} #dex-view-tabs{margin-bottom:0;} #dex-view-tabs .mode-tab{flex:0 1 auto;padding:8px 14px;} .dex-note{font-size:11px;color:var(--text2);background:rgba(0,245,255,0.05);border:0.5px solid var(--border2);border-radius:3px;padding:8px 10px;margin:10px 0 4px;line-height:1.5;} .dex-note[hidden]{display:none;} .dex-note a{color:var(--cyan);} .dex-pool-card{margin-bottom:12px;} .dex-pool-card .card-label a{color:var(--text3);} .dex-pool-card .card-label a:hover{color:var(--cyan);} .dex-pool-figures{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:var(--text3);} .dex-pool-figure{display:flex;flex-direction:column;gap:2px;min-width:150px;} .dex-pool-k{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.1em;} .dex-pool-v{font-size:15px;color:var(--text);font-family:var(--font-mono);} .dex-pool-sub{font-size:10px;color:var(--text3);} .dex-pool-figures .dex-note{flex-basis:100%;margin:2px 0 0;} .dex-risk-banner{border:1px solid #ef5350;background:rgba(239,83,80,0.10);border-radius:3px;padding:10px 12px;margin:12px 0 4px;} .dex-risk-title{color:#ef5350;font-weight:700;font-size:12px;letter-spacing:0.04em;font-family:var(--font-mono);} .dex-risk-body{color:var(--text2);font-size:11px;line-height:1.5;margin-top:6px;} .dex-risk-body b{color:#ff8a80;} .mode-content.active{display:block;} .swap-box{background:linear-gradient(180deg,rgba(0,245,255,0.035),rgba(0,0,0,0));border:0.5px solid var(--border2);border-radius:6px;padding:11px 13px;transition:border-color 0.18s,box-shadow 0.18s;} .swap-box:focus-within{border-color:var(--cyan);box-shadow:var(--glow-c);} .swap-box-label{font-size:9px;text-transform:uppercase;letter-spacing:0.14em;color:var(--text3);margin-bottom:7px;} .swap-box-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} .swap-token{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--cyan);white-space:nowrap;text-shadow:0 0 6px #00f5ff55;} .swap-amount-in,.swap-amount-out{flex:1;min-width:0;background:transparent;border:none;outline:none;text-align:right;color:var(--text);font-family:var(--font-mono);font-size:22px;padding:0;} .swap-amount-in::-webkit-outer-spin-button,.swap-amount-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .swap-amount-in{-moz-appearance:textfield;} .swap-amount-out{overflow:hidden;text-overflow:ellipsis;color:var(--text2);} .swap-box-sub{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:10px;color:var(--text3);} .swap-max-btn{background:transparent;border:0.5px solid var(--border2);border-radius:3px;color:var(--text2);font-family:var(--font-mono);font-size:9px;letter-spacing:0.08em;padding:2px 8px;cursor:pointer;transition:all 0.15s;} .swap-max-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .swap-max-btn:active{box-shadow:0 0 14px var(--cyan);} .swap-flip-wrap{display:flex;justify-content:center;margin:-9px 0;position:relative;z-index:2;} .swap-flip-btn{width:32px;height:32px;border-radius:50%;background:var(--bg);border:0.5px solid var(--border2);color:var(--text2);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s;} .swap-flip-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);transform:rotate(180deg);} .swap-flip-btn:active{box-shadow:0 0 18px var(--cyan);} .glow-btn{position:relative;width:100%;padding:12px;border-radius:5px;background:linear-gradient(180deg,rgba(0,245,255,0.10),rgba(0,245,255,0.02));border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.16em;cursor:pointer;overflow:hidden;box-shadow:0 0 7px #00f5ff33,inset 0 0 10px #00f5ff10;transition:box-shadow 0.18s,color 0.18s,background 0.18s,transform 0.08s,text-shadow 0.18s;} .glow-btn::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(130% 85% at 50% -10%,rgba(255,255,255,0.16),transparent 60%);opacity:0.45;pointer-events:none;transition:opacity 0.2s;} .glow-btn:hover{color:#fff;background:linear-gradient(180deg,rgba(0,245,255,0.22),rgba(0,245,255,0.06));box-shadow:0 0 20px #00f5ffaa,inset 0 0 18px #00f5ff22;text-shadow:0 0 8px var(--cyan);} .glow-btn:hover::before{opacity:0.9;} .glow-btn:active{transform:translateY(1px);box-shadow:0 0 34px #00f5ffee,inset 0 0 30px #00f5ff55;} .glow-btn:disabled{opacity:0.45;cursor:not-allowed;box-shadow:none;color:var(--text3);border-color:var(--border2);background:transparent;} .glow-btn:disabled::before{opacity:0;} .glow-btn.pink{background:linear-gradient(180deg,rgba(255,45,120,0.10),rgba(255,45,120,0.02));border-color:var(--pink);color:var(--pink);box-shadow:0 0 7px #ff2d7833,inset 0 0 10px #ff2d7810;} .glow-btn.pink:hover{color:#fff;background:linear-gradient(180deg,rgba(255,45,120,0.22),rgba(255,45,120,0.06));box-shadow:0 0 20px #ff2d78aa,inset 0 0 18px #ff2d7822;text-shadow:0 0 8px var(--pink);} .glow-btn.pink:active{box-shadow:0 0 34px #ff2d78ee,inset 0 0 30px #ff2d7855;} #manual-order-info{border-top:0.5px solid var(--border2);margin-top:10px;padding-top:10px;} #bot-grid{display:flex;flex-direction:column;gap:10px;} .bot-pick{display:flex;align-items:center;gap:8px;margin-bottom:10px;} .bot-pick label{font-size:9px;color:var(--text3);text-transform:uppercase; letter-spacing:0.08em;flex-shrink:0;} .bot-pick select{flex:1;min-width:0;background:var(--bg); border:0.5px solid var(--border2);border-radius:2px;color:var(--cyan); font-family:var(--font-mono);font-size:11px;padding:4px 6px;outline:none; cursor:pointer;transition:border-color 0.15s;} .bot-pick select:focus{border-color:var(--cyan);} #bot-grid [data-bot][hidden]{display:none;} .panel{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:14px;position:relative;overflow:hidden;} .panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0.3;} .panel.short-panel{border-color:#2a1a2a;} .panel.short-panel::before{background:linear-gradient(90deg,transparent,var(--pink),transparent);} .panel.manual-panel{border-color:#1a2a2a;} .panel.manual-panel::before{background:linear-gradient(90deg,transparent,var(--purple),transparent);} .panel h2{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:12px;font-weight:normal;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;text-shadow:var(--glow-c);} .panel.short-panel h2{color:var(--pink);text-shadow:var(--glow-p);} .panel.manual-panel h2{color:var(--purple-text);text-shadow:var(--glow-pur);} .bot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;} .bot-row label{color:var(--text2);flex-shrink:0;margin-right:8px;} .bot-row span{color:var(--text);} .bot-row span a{color:var(--cyan);text-decoration:none;} .bot-row span a:hover{text-decoration:underline;} .bugreport-form{display:flex;flex-direction:column;gap:6px;margin-top:6px;} .bugreport-form label{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;} .bugreport-form input[type="text"],.bugreport-form textarea{width:100%;text-align:left;font-family:var(--font-mono);background:var(--bg);border:0.5px solid var(--border2);border-radius:2px;color:var(--text);font-size:11px;padding:6px 8px;outline:none;resize:vertical;transition:border-color 0.15s;} .bugreport-form input[type="text"]:focus,.bugreport-form textarea:focus{border-color:var(--cyan);} .bugreport-status{font-size:10px;margin-top:2px;} .bugreport-status.up{color:var(--green);} .bugreport-status.down{color:var(--pink);} .mining-section-title{color:var(--cyan);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;margin:22px 0 8px;} .mining-section-title:first-child{margin-top:0;} .mining-body{color:var(--text);font-size:11px;line-height:1.6;margin-bottom:8px;} .mining-cmd{display:block;background:var(--bg3);border:0.5px solid var(--border2);border-radius:3px;color:var(--cyan);font-family:var(--font-mono);font-size:10px;padding:8px 10px;margin:6px 0;overflow-x:auto;white-space:pre;} .mining-file-list{list-style:none;padding:0;margin:6px 0;font-size:10px;color:var(--text2);} .mining-file-list li{padding:3px 0;border-bottom:0.5px solid var(--border2);} .mining-file-list code{color:var(--cyan);} .mining-body a,.mining-file-list a{color:var(--cyan);text-decoration:none;font-weight:600;} .mining-body a:hover,.mining-file-list a:hover{text-decoration:underline;} .mining-steps{margin:6px 0 14px;padding-left:22px;color:var(--text);font-size:11px;line-height:1.7;} .mining-steps li{margin-bottom:10px;} .mining-steps li::marker{color:var(--cyan);font-weight:600;} .tf-select{background:var(--bg);border:0.5px solid var(--border2);border-radius:2px;color:var(--cyan);font-family:var(--font-mono);font-size:11px;padding:4px 6px;cursor:pointer;outline:none;} .tf-select:focus{border-color:var(--cyan);box-shadow:var(--glow-c);} .panel.short-panel .tf-select{color:var(--pink);} input[type="number"],input[type="text"]{background:var(--bg);border:0.5px solid var(--border2);border-radius:2px;color:var(--cyan);font-family:var(--font-mono);font-size:12px;padding:5px 8px;width:80px;text-align:right;outline:none;transition:border-color 0.15s;} input[type="number"]:focus,input[type="text"]:focus{border-color:var(--cyan);box-shadow:var(--glow-c);} .scale-group{margin-bottom:10px;} .scale-group label{font-size:10px;color:var(--text2);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.08em;} .scale-row{display:flex;align-items:center;gap:6px;} .scale-row input[type="range"]{flex:1;accent-color:var(--cyan);height:3px;} .scale-row input[type="number"]{width:70px;} .panel.short-panel .scale-row input[type="range"]{accent-color:var(--pink);} .panel.manual-panel .scale-row input[type="range"]{accent-color:var(--purple);} .scale-hint{font-size:9px;color:var(--text3);text-align:right;margin-top:3px;} #paper-market-note{margin:0 0 10px;padding:10px 12px;border:0.5px solid var(--border2);border-left:2px solid var(--cyan);border-radius:3px;font-family:var(--font-mono);} #paper-market-note[hidden]{display:none;} .paper-note-title{font-size:11px;color:var(--cyan);letter-spacing:.06em;margin-bottom:4px;} .paper-note-body{font-size:11px;color:var(--text2);line-height:1.5;margin-bottom:8px;} .paper-note-body b{color:var(--text);} #trading-panel-inner.paper-off #mode-tabs,#trading-panel-inner.paper-off .mode-content{display:none;} .unit-toggle{display:flex;border:0.5px solid var(--border2);border-radius:2px;overflow:hidden;} .unit-btn{padding:5px 9px;font-size:10px;font-family:var(--font-mono);background:var(--bg);color:var(--text2);border:none;cursor:pointer;transition:all 0.15s;letter-spacing:0.05em;} .unit-btn:hover{color:var(--cyan);background:rgba(0,245,255,0.06);} .unit-btn.active{background:rgba(0,245,255,0.1);color:var(--cyan);box-shadow:inset 0 0 8px #00f5ff22;} .order-input-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;} #order-est{font-size:11px;color:var(--purple-text);margin-bottom:10px;text-align:center;background:rgba(189,0,255,0.06);border:0.5px solid rgba(189,0,255,0.3);border-radius:4px;padding:7px 10px;letter-spacing:0.03em;transition:all 0.15s;} #order-est.override-active{color:var(--cyan);background:rgba(0,245,255,0.06);border-color:rgba(0,245,255,0.3);box-shadow:var(--glow-c);} .action-btn{width:100%;padding:8px;border-radius:2px;border:none;font-family:var(--font-mono);font-size:11px;cursor:pointer;margin-top:5px;transition:all 0.15s;letter-spacing:0.08em;text-transform:uppercase;} .action-btn:hover{opacity:0.85;filter:brightness(1.2);} .buy-btn{background:rgba(0,255,159,0.1);color:var(--green);border:0.5px solid var(--green);} .buy-btn:hover{box-shadow:0 0 12px rgba(0,255,159,0.3);} .sell-btn{background:rgba(255,45,120,0.1);color:var(--pink);border:0.5px solid var(--pink);} .sell-btn:hover{box-shadow:var(--glow-p);} .bot-btn{background:rgba(0,245,255,0.08);color:var(--cyan);border:0.5px solid var(--cyan);} .bot-btn:hover{box-shadow:var(--glow-c);} .bot-btn.running{background:rgba(0,255,159,0.1);color:var(--green);border-color:var(--green);box-shadow:0 0 8px rgba(0,255,159,0.2);} .short-btn{background:rgba(255,45,120,0.08);color:var(--pink);border:0.5px solid var(--pink);} .short-btn:hover{box-shadow:var(--glow-p);} .short-btn.running{background:rgba(255,45,120,0.15);color:#ff6699;border-color:#ff6699;box-shadow:var(--glow-p);} .close-btn{background:rgba(255,230,0,0.08);color:var(--yellow);border:0.5px solid var(--yellow);font-size:10px;padding:6px;margin-top:5px;} .add-btn{background:rgba(189,0,255,0.08);color:var(--purple-text);border:0.5px solid var(--purple);font-size:10px;padding:6px;margin-top:5px;} .add-btn:hover{box-shadow:var(--glow-pur);} .position-tag{font-size:9px;padding:2px 7px;border-radius:2px;letter-spacing:0.08em;} .pos-pnl{font-size:11px;margin-top:6px;display:none;padding:4px 8px;border-radius:2px;text-align:center;letter-spacing:0.05em;} .pos-pnl.up{background:rgba(0,255,159,0.1);color:var(--green);border:0.5px solid var(--green);} .pos-pnl.down{background:rgba(255,45,120,0.1);color:var(--pink);border:0.5px solid var(--pink);} .pos-size{font-size:10px;color:var(--text2);margin-top:5px;text-align:center;display:none;} .add-position-section{display:none;border-top:0.5px solid var(--border2);margin-top:10px;padding-top:10px;} .add-position-section.visible{display:block;} .add-position-section label{font-size:10px;color:var(--text2);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.08em;} .avg-entry-display{font-size:10px;color:var(--text2);margin-top:5px;} .avg-entry-display span{color:var(--cyan);} #manual-position-block{display:none;border-top:0.5px solid var(--border2);margin-top:10px;padding-top:10px;} #manual-position-block.visible{display:block;} .manual-pos-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px;} .manual-pos-row label{color:var(--text2);} .manual-pos-row span{color:var(--cyan);} #sl-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;} #sl-row label{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.08em;flex-shrink:0;} #sl-input{width:90px;color:var(--yellow);border-color:#4a4a00;} #sl-status{font-size:10px;color:var(--text3);margin-bottom:6px;} #history-panel{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:14px;margin-bottom:20px;position:relative;max-height:340px;display:flex;flex-direction:column;} #history-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0.4;} #history-panel h2{font-size:10px;color:var(--purple-text);text-transform:uppercase;letter-spacing:0.15em;font-weight:normal;margin-bottom:10px;text-shadow:var(--glow-pur);} .tabs-row{display:flex;gap:6px;margin-bottom:12px;flex-shrink:0;flex-wrap:wrap;} #history-panel .card{margin-bottom:0;} #paper-tab-content #stats{margin-bottom:14px;} #holdings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;} #holdings-stats:empty{display:none;} .sparkline-wrap{border:0.5px solid var(--border2);border-radius:4px;padding:10px 12px;background:var(--bg);} .sparkline-wrap .sparkline-title{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px;display:flex;justify-content:space-between;} .sparkline-wrap svg{display:block;width:100%;height:44px;} #history-tables{overflow-y:auto;flex:1;} .hist-row{display:flex;gap:10px;font-size:11px;padding:6px 4px;border-bottom:0.5px solid var(--border);} .hist-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hist-row.hist-header{color:var(--text2);text-transform:uppercase;font-size:9px;letter-spacing:0.08em;border-bottom:0.5px solid var(--border2);position:sticky;top:0;background:var(--bg2);} .hist-row .up{color:var(--green);} .hist-row .down{color:var(--pink);} .hist-empty{color:var(--text3);font-size:11px;text-align:center;padding:20px 0;} #log-panel{background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px;padding:14px;} #log-panel h2{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:10px;font-weight:normal;display:flex;justify-content:space-between;} #reset-link{color:var(--text3);cursor:pointer;text-decoration:underline;font-size:9px;} #reset-link:hover{color:var(--pink);} #trade-log{font-size:11px;color:var(--text2);line-height:1.9;max-height:180px;overflow-y:auto;} #trade-log::-webkit-scrollbar{width:3px;} #trade-log::-webkit-scrollbar-track{background:var(--bg);} #trade-log::-webkit-scrollbar-thumb{background:var(--border2);} .log-entry{border-bottom:0.5px solid var(--border);padding:3px 0;} .log-buy{color:var(--green);} .log-sell{color:var(--pink);} .log-short{color:var(--purple-text);} .log-info{color:var(--text2);} .log-warn{color:var(--yellow);} .alert-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:0.5px solid var(--border2);} .alert-form input[type="number"]{width:100%;text-align:left;} .alert-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:2px;font-size:11px;color:var(--text2);border:0.5px solid var(--border2);margin-bottom:6px;} .alert-row.fired{opacity:0.55;} .alert-cond{flex-shrink:0;width:14px;text-align:center;} .alert-row .alert-cond.above{color:var(--green);} .alert-row .alert-cond.below{color:var(--pink);} .alert-price{flex:1;color:var(--text);font-weight:bold;} .alert-status{font-size:9px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);flex-shrink:0;} .notif-row{padding:8px;border-radius:2px;border:0.5px solid var(--border2);margin-bottom:6px;font-size:11px;} .notif-text{color:var(--text);display:block;margin-bottom:3px;} .notif-time{color:var(--text3);font-size:9px;} #toast-stack{position:fixed;top:70px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;} .toast{background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,0.6),var(--glow-c);padding:10px 14px;font-size:11px;color:var(--text);max-width:320px;opacity:0;transform:translateX(20px);transition:opacity 0.25s ease,transform 0.25s ease;} .toast.show{opacity:1;transform:translateX(0);} #tv-attr{font-size:9px;color:var(--text3);text-align:right;padding:4px 16px 8px;} #tv-attr a{color:var(--text3);text-decoration:none;} #tv-attr a:hover{color:var(--text2);} .support-box{ max-width:640px;margin:18px auto 26px;padding:0 16px 14px; background:var(--bg2);border:0.5px solid var(--border2);border-radius:5px; } .support-box .tf-bar{margin:0 -16px 12px;} .support-box.tf{border-radius:0;} .support-box .support-head{font-family:var(--font-mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase;} .support-head{color:var(--cyan);font-family:var(--font-mono);font-size:12px; letter-spacing:.06em;margin-bottom:8px;} .support-copy{color:var(--text2);font-size:12px;line-height:1.6;margin:0 0 12px;} .support-addr-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .support-chain{color:var(--text3);font-size:9px;text-transform:uppercase; letter-spacing:.08em;border:0.5px solid var(--border2);border-radius:2px;padding:2px 6px;} .support-addr{ flex:1;min-width:0;overflow-x:auto;white-space:nowrap; font-family:var(--font-mono);font-size:11px;color:var(--text); background:rgba(0,0,0,.28);border:0.5px solid var(--border2);border-radius:3px; padding:5px 8px; } .support-copy-btn{flex-shrink:0;width:auto;margin:0;padding:5px 12px;} .support-note{color:var(--text3);font-size:10px;margin-top:8px;} .discord-join-btn{ display:inline-flex;align-items:center;gap:8px;width:auto;margin:0; padding:7px 14px;text-decoration:none; } .discord-glyph{width:16px;height:16px;fill:currentColor;flex-shrink:0;} #auth-welcome{flex-direction:column;align-items:center;gap:12px;padding:22px 20px 20px;text-align:center;} #auth-welcome-title{color:var(--cyan);font-family:var(--font-mono);font-size:15px;letter-spacing:.05em;} #auth-welcome-copy{color:var(--text2);font-size:12px;line-height:1.6;max-width:300px;} #auth-welcome-skip{ background:none;border:none;color:var(--text3);font-size:11px; cursor:pointer;padding:2px 6px;text-decoration:underline; } #auth-welcome-skip:hover{color:var(--cyan);} body.nexus-signed-out .stack-settings-trigger, body.nexus-signed-out .stacks-topnav-link[data-stacks-filter="mine"], body.nexus-signed-out .stacks-topnav-link[data-stacks-filter="subscribed"], body.nexus-signed-out .stacks-topnav-link[data-stacks-filter="followed"]{ display:none !important; } #market-stats-strip{ position:relative; padding:5px 10px;margin-top:2px; font-family:var(--font-mono);font-size:10px; border-top:0.5px solid var(--border2); } .ms-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;} #market-stats-strip[hidden]{display:none;} .ms-stat{display:flex;align-items:baseline;gap:5px;} .ms-k{color:var(--text3);letter-spacing:.06em;} .ms-v{color:var(--text);font-variant-numeric:tabular-nums;} .ms-v.pos{color:var(--green);} .ms-v.neg{color:var(--pink);} .ms-src{margin-left:auto;color:var(--text3);font-size:9px;opacity:.6;cursor:help;} .ms-stat-btn{ background:none;border:none;padding:0;margin:0;cursor:pointer; font:inherit;color:inherit; } .ms-stat-btn:hover .ms-k, .ms-stat-btn:hover .ms-caret{color:var(--cyan);} .ms-caret{color:var(--text3);font-size:8px;margin-left:1px;} #funding-panel{ position:absolute;z-index:60;top:100%;left:10px;right:10px;margin-top:4px; max-width:420px; background:var(--bg2);border:0.5px solid var(--border);border-radius:4px; box-shadow:0 6px 24px rgba(0,0,0,.55); padding:9px 11px 10px; } .fp-head{ color:var(--text2);font-size:10px;letter-spacing:.06em; padding-bottom:6px;margin-bottom:6px; border-bottom:0.5px solid var(--border2); } .fp-msg{color:var(--text3);font-size:10px;padding:2px 0;} .fp-table{width:100%;border-collapse:collapse;font-size:10px;} .fp-table th{ text-align:left;color:var(--text3);font-weight:400; letter-spacing:.05em;padding-bottom:4px; } .fp-table th:last-child,.fp-table td:last-child{text-align:right;} .fp-table td{padding:2.5px 0;font-variant-numeric:tabular-nums;} .fp-venue{color:var(--text);padding-right:12px;} .fp-native{color:var(--text3);} .fp-int{color:var(--text3);opacity:.65;margin-left:5px;} .fp-norm{font-weight:500;} .fp-norm.pos{color:var(--green);} .fp-norm.neg{color:var(--pink);} .fp-hist{margin-top:9px;padding-top:8px;border-top:0.5px solid var(--border2);} .fp-hist-row{display:block;} .fp-spark{width:100%;height:26px;display:block;} .fp-spark polyline{fill:none;stroke:var(--cyan);stroke-width:1.2;vector-effect:non-scaling-stroke;} .fp-spark .fp-zero{stroke:var(--border);stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;} .fp-hist-legend{ display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap; margin-top:4px;color:var(--text3);font-size:9px; } .fp-hist-legend .pos{color:var(--green);} .fp-hist-legend .neg{color:var(--pink);} .fp-note{ margin-top:8px;padding-top:7px;border-top:0.5px solid var(--border2); color:var(--text3);font-size:9px;line-height:1.45; } .sr-bar{display:inline-flex;align-items:center;gap:8px;position:relative;font-size:11px;} .sr-trigger{ cursor:pointer;color:var(--text3); padding:2px 7px;border:0.5px solid var(--border2);border-radius:999px; white-space:nowrap;transition:color .12s,border-color .12s; } .sr-trigger:hover{color:var(--cyan);border-color:var(--cyan);} .sr-trigger.mine{color:var(--cyan);border-color:var(--cyan);} .sr-picker{ display:none;position:absolute;bottom:100%;left:0;margin-bottom:5px;z-index:40; gap:3px;padding:4px 6px; background:var(--bg2);border:0.5px solid var(--border);border-radius:14px; box-shadow:0 4px 16px rgba(0,0,0,.5); } .sr-bar:hover .sr-picker{display:flex;} .sr-picker span{ cursor:pointer;font-size:15px;line-height:1;padding:2px;border-radius:50%; transition:transform .1s; } .sr-picker span:hover{transform:scale(1.35);} .sr-summary{color:var(--text3);font-variant-numeric:tabular-nums;letter-spacing:.04em;} .stack-thread-row-react{margin-top:7px;} .stack-thread-detail-react{margin-top:10px;} .stack-reply-actions{display:flex;align-items:center;gap:12px;margin-top:4px;} #stacks-explainer{ color:var(--text2);font-size:11px;line-height:1.6; padding:8px 11px;margin-bottom:10px; background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; border-left:2px solid var(--cyan); } #stacks-explainer b{color:var(--text);font-weight:500;} .stack-prefix{color:var(--text3);} .stack-card-fullname{color:var(--text2);font-size:11px;margin-top:1px;} .sv-box{ display:inline-flex;align-items:center;gap:5px; font-size:11px;margin-right:12px; } .sv-arrow{ cursor:pointer;color:var(--text3);line-height:1; padding:1px 3px;border-radius:3px; transition:color .12s,background .12s; } .sv-arrow.up:hover{color:var(--green);background:rgba(0,255,160,.08);} .sv-arrow.down:hover{color:var(--pink);background:rgba(255,0,120,.08);} .sv-arrow.up.mine{color:var(--green);} .sv-arrow.down.mine{color:var(--pink);} .sv-score{ min-width:20px;text-align:center;color:var(--text2); font-family:var(--font-mono);font-variant-numeric:tabular-nums; } .sv-score.pos{color:var(--green);} .sv-score.neg{color:var(--pink);} #subscribe-prompt{ position:fixed;inset:0;z-index:400; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); } .sp-card{ max-width:340px;padding:20px 22px; background:var(--bg2);border:0.5px solid var(--border);border-radius:6px; box-shadow:0 8px 32px rgba(0,0,0,.6);text-align:center; } .sp-title{ color:var(--cyan);font-family:var(--font-mono);font-size:14px; letter-spacing:.05em;margin-bottom:9px; } .sp-copy{color:var(--text2);font-size:12px;line-height:1.6;margin-bottom:16px;} .sp-actions{display:flex;align-items:center;justify-content:center;gap:14px;} .sp-cancel{ background:none;border:none;color:var(--text3);font-size:11px; cursor:pointer;text-decoration:underline;padding:2px 4px; } .sp-cancel:hover{color:var(--text);} #replay-bar{ display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:6px 10px;border-top:0.5px solid var(--border2); font-family:var(--font-mono);font-size:10px; } #replay-bar[hidden]{display:none;} .rp-btn{ background:none;border:0.5px solid var(--border2);border-radius:3px; color:var(--cyan);cursor:pointer;padding:3px 8px;font-size:10px;line-height:1; } .rp-btn:hover{border-color:var(--cyan);box-shadow:var(--glow-c);} .rp-play{min-width:34px;} .rp-scrub{flex:1;min-width:120px;accent-color:var(--cyan);cursor:pointer;} .rp-at{color:var(--text2);white-space:nowrap;} .rp-count{color:var(--text3);font-variant-numeric:tabular-nums;white-space:nowrap;} .rp-speeds{display:flex;gap:2px;} .rp-speed{ background:none;border:0.5px solid transparent;border-radius:3px; color:var(--text3);cursor:pointer;padding:2px 5px;font-size:9px; } .rp-speed:hover{color:var(--cyan);} .rp-speed.active{color:var(--cyan);border-color:var(--cyan);} .rp-exit{ background:none;border:none;color:var(--text3);cursor:pointer; font-size:10px;text-decoration:underline;padding:2px 4px; } .rp-exit:hover{color:var(--pink);} #replay-toggle-btn.active{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} #orderbook-tape{max-height:46vh;overflow-y:auto;font-family:var(--font-mono);font-size:10px;} .tape-head{ display:grid;grid-template-columns:52px 22px 1fr 1fr;gap:6px; padding:3px 6px;color:var(--text3);font-family:var(--font-mono); font-size:9px;letter-spacing:.05em;border-bottom:0.5px solid var(--border2); } .tape-head span:last-child,.tape-row .tp-price{text-align:right;} .tape-head span:nth-child(3),.tape-row .tp-size{text-align:right;} .tape-row{ position:relative;display:grid;grid-template-columns:52px 22px 1fr 1fr;gap:6px; padding:2px 6px;align-items:center; } .tape-row > span{position:relative;z-index:1;} .tp-bar{position:absolute;left:0;top:0;bottom:0;z-index:0;opacity:.13;border-radius:2px;} .tape-row.buy .tp-bar{background:var(--green);} .tape-row.sell .tp-bar{background:var(--pink);} .tp-time{color:var(--text3);} .tape-row.buy .tp-side,.tape-row.buy .tp-price{color:var(--green);} .tape-row.sell .tp-side,.tape-row.sell .tp-price{color:var(--pink);} .tp-size{color:var(--text2);font-variant-numeric:tabular-nums;} .tp-price{font-variant-numeric:tabular-nums;} #heatmap-canvas-wrap{ position:relative;height:44vh;min-height:180px; background:rgba(0,0,0,.35);border:0.5px solid var(--border2);border-radius:3px; overflow:hidden;cursor:grab; } #liquidity-heatmap{display:block;width:100%;height:100%;} #heatmap-info{ margin-top:5px;color:var(--text3);font-family:var(--font-mono);font-size:9px; } #heatmap-legend{ display:flex;align-items:center;gap:6px;margin-top:4px; color:var(--text3);font-size:9px; } .hm-key{width:22px;height:7px;border-radius:1px;display:inline-block;} .hm-key,.hm-lg-ramp{background:linear-gradient(90deg,#440154,#3b528b,#21918c,#5ec962,#fde725);} .hm-key-line{width:16px;height:0;border-top:1.5px solid rgba(255,255,255,.9);display:inline-block;} .hm-hint{margin-left:auto;opacity:.65;} .hm-more{margin-left:auto;color:var(--cyan);cursor:pointer;text-decoration:none;} .hm-more:hover{text-decoration:underline;} .market-context-bar{ display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 10px; padding:7px 9px;background:linear-gradient(90deg,rgba(0,245,255,.035),rgba(189,0,255,.025)); border:.5px solid var(--border2);border-radius:4px;font-family:var(--font-mono); } .market-context-copy{display:flex;align-items:baseline;gap:9px;min-width:0;} .market-context-kicker{color:var(--text3);font-size:8px;letter-spacing:.12em;text-transform:uppercase;} .market-context-copy strong{color:var(--cyan);font-size:11px;letter-spacing:.08em;font-weight:500;} .market-context-time{color:var(--text2);font-size:9px;font-variant-numeric:tabular-nums;} .market-context-note{color:var(--text3);font-size:9px;letter-spacing:.03em;} .market-context-live{margin-left:auto;background:transparent;border:0;color:var(--text3); font-family:var(--font-mono);font-size:9px;cursor:pointer;} .market-context-live:hover,.market-context-live:focus-visible{color:var(--cyan);outline:none;} .market-context-open{font-size:9px;padding:4px 9px;white-space:nowrap;} @media(max-width:720px){ .market-context-bar{flex-wrap:wrap;} .market-context-note{order:3;width:100%;} .market-context-live{margin-left:auto;} } #hm-toolbar{ display:flex;align-items:center;gap:14px;flex-wrap:wrap; padding:0 0 10px;font-family:var(--font-mono);font-size:10px;color:var(--text3); } #hm-symbol{ background:var(--bg2);color:var(--cyan);border:0.5px solid var(--border2); border-radius:3px;padding:4px 8px;font-family:var(--font-mono);font-size:11px; } .hm-thresh{display:flex;align-items:center;gap:7px;} .hm-thresh input{width:120px;accent-color:var(--cyan);cursor:pointer;} #hm-threshold-value{color:var(--text2);min-width:28px;font-variant-numeric:tabular-nums;} #hm-toolbar .hm-hint{margin-left:auto;opacity:.6;} #hm-timeframes{display:flex;gap:3px;} .hm-tf{ background:var(--bg2);color:var(--text3);border:0.5px solid var(--border2); border-radius:3px;padding:4px 9px;font-family:var(--font-mono);font-size:10px; cursor:pointer;transition:color .15s ease, border-color .15s ease; } .hm-tf:hover{color:var(--text2);border-color:var(--cyan);} .hm-tf.active{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-c);} .hm-tf.unavailable{opacity:.3;cursor:not-allowed;border-color:var(--border);} .hm-tf.unavailable:hover{color:var(--text3);border-color:var(--border);} #hm-main{display:flex;gap:10px;align-items:stretch;} #hm-scale{ display:flex;flex-direction:column;align-items:center;gap:4px; width:52px;flex-shrink:0;font-family:var(--font-mono);font-size:9px;color:var(--text3); } .hm-scale-bar{flex:1;width:12px;border-radius:2px;border:0.5px solid var(--border2);} #hm-canvas-wrap{ flex:1;min-width:0;height:62vh;min-height:320px; background:#1b0e2b;border:0.5px solid var(--border2);border-radius:4px; overflow:hidden;cursor:ns-resize; } #hm-page-canvas{display:block;width:100%;height:100%;} #hm-book-side{ width:172px;flex-shrink:0;display:flex;flex-direction:column; background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; overflow:hidden;position:relative; } .hm-side-head{ flex:0 0 auto;display:flex;justify-content:space-between;align-items:baseline; gap:6px;padding:6px 8px;border-bottom:0.5px solid var(--border2); font-family:var(--font-mono);font-size:9px;letter-spacing:0.08em; text-transform:uppercase;color:var(--text3);white-space:nowrap; } #hm-book-stack{position:relative;flex:1 1 auto;min-height:0;} #hm-book-canvas{display:block;width:100%;height:100%;} #hm-book-marker{position:absolute;inset:0;width:100%;height:100%; pointer-events:none;} #hm-book-empty{ position:absolute;inset:auto 8px 8px;font-size:10px;color:var(--text3); } #hm-book-side.has-book #hm-book-empty{display:none;} @media (max-width:900px){ #hm-book-side{width:100%;height:200px;} } #hm-levels{ margin-top:10px;display:flex;flex-direction:column; background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; padding:9px 12px;font-family:var(--font-mono);font-size:10px; } .hm-levels-head{color:var(--cyan);letter-spacing:.06em;margin-bottom:7px;} .hm-levels-cols,.hm-level{ display:grid;grid-template-columns:1fr 52px 60px 56px;gap:6px;align-items:center; } .hm-levels-cols{ color:var(--text3);font-size:9px;padding-bottom:4px; border-bottom:0.5px solid var(--border2);max-width:320px; } #hm-levels-body{ display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); column-gap:26px;max-height:230px;overflow-y:auto; } .hm-level{padding:3px 0;border-bottom:0.5px solid rgba(255,255,255,.03);} .hm-lv-price{font-variant-numeric:tabular-nums;} .hm-level.bid .hm-lv-price{color:var(--green);} .hm-level.ask .hm-lv-price{color:var(--pink);} .hm-lv-dist,.hm-lv-size{color:var(--text2);text-align:right;font-variant-numeric:tabular-nums;} .hm-lv-held{position:relative;height:12px;display:flex;align-items:center;} .hm-lv-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(0,245,255,.18);border-radius:2px;} .hm-lv-held em{position:relative;font-style:normal;color:var(--text3);font-size:9px;padding-left:4px;} #hm-page-status{ margin-top:8px;color:var(--text2);font-family:var(--font-mono);font-size:10px; } #hm-page-note{ margin-top:6px;color:var(--text3);font-size:10px;line-height:1.6;max-width:820px; } #hm-page-note b{color:var(--text2);} @media (max-width: 1100px){ #hm-main{flex-wrap:wrap;} } #hm-legend{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:8px 20px;margin-top:10px; } .hm-lg-item{display:flex;align-items:flex-start;gap:9px;} .hm-lg-swatch{flex-shrink:0;width:26px;height:12px;border-radius:2px;margin-top:1px;} .hm-lg-line{ height:12px;border:none;border-radius:0; background:linear-gradient(to bottom,transparent 45%,rgba(255,255,255,.9) 45%,rgba(255,255,255,.9) 60%,transparent 60%); } .hm-lg-band{ background: linear-gradient(to bottom,transparent 0 35%,#fde725 35% 62%,transparent 62% 100%), #241338; } .hm-lg-axes{ background: linear-gradient(to right,rgba(200,200,220,.5) 0 1px,transparent 1px), linear-gradient(to top,rgba(200,200,220,.5) 0 1px,transparent 1px), #241338; } .hm-lg-text{color:var(--text3);font-size:10px;line-height:1.5;} .hm-lg-text b{color:var(--text2);font-weight:500;} #hm-explain{ margin-top:12px;max-width:860px; border:0.5px solid var(--border2);border-radius:4px;background:var(--bg2); } #hm-explain summary{ cursor:pointer;padding:9px 12px;color:var(--cyan); font-family:var(--font-mono);font-size:10px;letter-spacing:.05em; list-style:none; } #hm-explain summary::-webkit-details-marker{display:none;} #hm-explain summary::before{content:'▸ ';color:var(--text3);} #hm-explain[open] summary::before{content:'▾ ';} #hm-explain summary:hover{color:var(--text);} .hm-explain-body{ padding:2px 14px 12px;border-top:0.5px solid var(--border2); color:var(--text3);font-size:11px;line-height:1.7; } .hm-explain-body p{margin:9px 0;} .hm-explain-body b{color:var(--text2);font-weight:500;} .hm-explain-body em{color:var(--text2);font-style:italic;} #flow-toolbar{ display:flex;align-items:center;gap:14px;flex-wrap:wrap; padding:0 0 12px;font-family:var(--font-mono);font-size:10px;color:var(--text3); } #flow-symbol{ background:var(--bg2);color:var(--cyan);border:0.5px solid var(--border2); border-radius:3px;padding:4px 8px;font-family:var(--font-mono);font-size:11px; } #flow-windows{display:flex;gap:2px;} .fl-win{ background:none;border:0.5px solid transparent;border-radius:3px; color:var(--text3);cursor:pointer;padding:3px 8px; font-family:var(--font-mono);font-size:10px; } .fl-win:hover{color:var(--cyan);} .fl-win.active{color:var(--cyan);border-color:var(--cyan);} #flow-stats{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-left:auto;} .fl-stat{display:flex;align-items:baseline;gap:5px;} .fl-k{color:var(--text3);letter-spacing:.06em;} .fl-v{color:var(--text);font-variant-numeric:tabular-nums;} .fl-v.pos{color:var(--green);} .fl-v.neg{color:var(--pink);} .fl-dim{color:var(--text3);opacity:.7;} .flow-block{margin-bottom:16px;} .flow-title{ color:var(--cyan);font-family:var(--font-mono);font-size:11px; letter-spacing:.06em;margin-bottom:6px; } .flow-sub{color:var(--text3);letter-spacing:0;margin-left:8px;} .flow-canvas-wrap{ background:#0b0b14;border:0.5px solid var(--border2);border-radius:4px;overflow:hidden; } .flow-canvas-wrap canvas{display:block;width:100%;height:100%;} .flow-legend{ display:flex;align-items:center;gap:7px;flex-wrap:wrap; margin-top:5px;color:var(--text3);font-size:9px; } .fl-key{width:16px;height:7px;border-radius:1px;display:inline-block;} .fl-cvd{background:var(--green);} .fl-price{background:rgba(200,200,225,0.6);} .fl-up{background:var(--green);opacity:.55;} .fl-down{background:var(--pink);opacity:.55;} .fl-poc{background:var(--yellow);} #flow-explain{ max-width:880px;border:0.5px solid var(--border2);border-radius:4px;background:var(--bg2); } #flow-explain summary{ cursor:pointer;padding:9px 12px;color:var(--cyan); font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;list-style:none; } #flow-explain summary::-webkit-details-marker{display:none;} #flow-explain summary::before{content:'▸ ';color:var(--text3);} #flow-explain[open] summary::before{content:'▾ ';} #flow-explain summary:hover{color:var(--text);} .flow-explain-body{ padding:2px 14px 12px;border-top:0.5px solid var(--border2); color:var(--text3);font-size:11px;line-height:1.7; } .flow-explain-body p{margin:9px 0;} .flow-explain-body b{color:var(--text2);font-weight:500;} #monitor-toolbar{ display:flex;align-items:center;gap:16px;flex-wrap:wrap; padding:0 0 12px;font-family:var(--font-mono);font-size:10px;color:var(--text3); } .mon-group{display:flex;gap:2px;} .mon-btn{ background:none;border:0.5px solid transparent;border-radius:3px; color:var(--text3);cursor:pointer;padding:3px 8px; font-family:var(--font-mono);font-size:10px; } .mon-btn:hover{color:var(--cyan);} .mon-btn.active{color:var(--cyan);border-color:var(--cyan);} .mon-hint{margin-left:auto;opacity:.6;} #monitor-grid{display:grid;gap:8px;} .mon-tile{ background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; padding:7px 8px 5px;display:flex;flex-direction:column; min-height:120px;transition:border-color .15s; } .mon-tile:hover{border-color:var(--cyan);} .mon-head{display:flex;align-items:baseline;gap:7px;font-family:var(--font-mono);font-size:10px;} .mon-coin{color:var(--text);letter-spacing:.04em;} .mon-chg{font-variant-numeric:tabular-nums;} .mon-chg.up{color:var(--green);} .mon-chg.down{color:var(--pink);} .mon-open{ margin-left:auto;color:var(--text3);cursor:pointer;padding:0 2px; font-size:11px;line-height:1; } .mon-open:hover{color:var(--cyan);} .mon-canvas-wrap{flex:1;min-height:52px;margin:5px 0 3px;} .mon-canvas{display:block;width:100%;height:100%;} .mon-foot{ display:flex;justify-content:space-between;align-items:baseline; font-family:var(--font-mono);font-size:9px;color:var(--text3); } .mon-price{color:var(--text2);font-variant-numeric:tabular-nums;} .sc-tabs{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:7px;} .sc-tab{ background:none;border:0.5px solid transparent;border-radius:3px; color:var(--text3);cursor:pointer;padding:3px 7px; font-family:var(--font-mono);font-size:9px; } .sc-tab:hover{color:var(--cyan);} .sc-tab.active{color:var(--cyan);border-color:var(--cyan);} .sc-search{ width:100%;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2); border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:10px; padding:5px 7px;margin-bottom:6px; } .sc-search:focus{outline:none;border-color:var(--cyan);box-shadow:var(--glow-c);} .sc-head,.sc-row{ display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline; font-family:var(--font-mono);font-size:10px; } .sc-head{ color:var(--text3);font-size:9px;letter-spacing:.05em; padding-bottom:4px;border-bottom:0.5px solid var(--border2); } .sc-head span:not(:first-child),.sc-row span:not(:first-child){text-align:right;} .sc-body{max-height:46vh;overflow-y:auto;} .sc-row{padding:4px 4px;border-radius:2px;cursor:pointer;} .sc-row:hover{background:rgba(0,245,255,.07);} .sc-row.active{background:rgba(0,245,255,.10);} .sc-coin{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sc-price{color:var(--text2);font-variant-numeric:tabular-nums;} .sc-metric{font-variant-numeric:tabular-nums;color:var(--text2);} .sc-metric.up{color:var(--green);} .sc-metric.down{color:var(--pink);} .sc-note{margin-top:7px;color:var(--text3);font-size:9px;line-height:1.5;} #alert-delivery{ margin-top:12px;padding-top:10px;border-top:0.5px solid var(--border2); font-family:var(--font-mono);font-size:10px; } .ad-head{color:var(--cyan);letter-spacing:.06em;margin-bottom:5px;} .ad-state{color:var(--text3);margin-bottom:6px;} .ad-state.on{color:var(--green);} #alert-hook-input{ width:100%;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2); border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:10px; padding:5px 7px; } #alert-hook-input:focus{outline:none;border-color:var(--cyan);box-shadow:var(--glow-c);} .ad-actions{display:flex;align-items:center;gap:10px;margin-top:6px;} .ad-link{ background:none;border:none;color:var(--text3);cursor:pointer; font-family:var(--font-mono);font-size:10px;text-decoration:underline;padding:2px 0; } .ad-link:hover{color:var(--cyan);} .ad-note{margin-top:6px;color:var(--text3);font-size:9px;line-height:1.5;} .ad-note.good{color:var(--green);} .ad-note.bad{color:var(--pink);} .alert-coin{ color:var(--cyan);font-size:9px;letter-spacing:.04em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:64px; } .legal-doc{max-width:72ch;} .legal-doc h3{color:var(--cyan);font-family:var(--font-mono);font-size:14px; font-weight:600;letter-spacing:0.02em;margin:28px 0 10px;} .legal-doc h3:first-child{margin-top:4px;} .legal-doc p{color:var(--text2);font-size:13px;line-height:1.75;margin:0 0 12px;} .legal-doc ul{margin:0 0 14px;padding-left:20px;} .legal-doc li{color:var(--text2);font-size:13px;line-height:1.7;margin-bottom:7px;} .legal-doc strong{color:var(--text);font-weight:600;} .legal-doc em{color:var(--text);font-style:italic;} .legal-doc a{color:var(--cyan);text-decoration:none;border-bottom:1px solid #00f5ff44;} .legal-doc a:hover{border-bottom-color:var(--cyan);text-shadow:var(--glow-c);} .legal-banner{border:1px solid var(--yellow);border-left-width:3px;border-radius:4px; background:#ffe6000d;color:var(--text2);font-size:12px;line-height:1.6; padding:10px 14px;margin-bottom:12px;max-width:72ch;} .legal-banner strong{color:var(--yellow);} .legal-draft{border:0.5px solid var(--border2);border-radius:4px; background:var(--bg2);margin-bottom:8px;} .legal-draft > summary{ cursor:pointer;padding:9px 12px;color:var(--cyan); font-family:var(--font-mono);font-size:11px;letter-spacing:.05em; list-style:none; } .legal-draft > summary::-webkit-details-marker{display:none;} .legal-draft > summary::before{content:'▸ ';color:var(--text3);} .legal-draft[open] > summary::before{content:'▾ ';} .legal-draft > summary:hover{text-shadow:var(--glow-c);} .legal-doc-wrap{padding:0 14px 14px;max-height:60vh;overflow-y:auto; scrollbar-width:thin;scrollbar-color:rgba(0,245,255,0.45) transparent;} #modtools-legal-content .legal-banner{margin-bottom:12px;} #view-help > *, #view-mining > *{max-width:90ch;} #view-mining p, #view-mining li, #view-mining ol, #view-mining ul, #view-help p, #view-help li{max-width:80ch;} #view-mining pre, #view-mining code{max-width:100%;} #view-explorer > .hist-empty{max-width:80ch;} #view-legal p, #view-legal li{max-width:80ch;} #view-legal .legal-doc h3{font-size:12px;color:var(--cyan);margin:22px 0 8px; text-transform:uppercase;letter-spacing:0.06em;} #view-legal .legal-doc p, #view-legal .legal-doc li{font-size:12px; line-height:1.7;color:var(--text2);} #view-legal .legal-doc strong{color:var(--text);} #view-legal .legal-doc ul{padding-left:18px;} #view-legal .legal-doc li{margin-bottom:5px;} #terms-accept-banner{position:fixed;left:0;right:0;bottom:0;z-index:900; display:flex;align-items:center;justify-content:center;flex-wrap:wrap; gap:4px;padding:12px 18px;font-size:11px;color:var(--text2); background:rgba(10,12,18,0.97);border-top:1px solid var(--cyan); box-shadow:0 -4px 24px #00f5ff22;} #terms-accept-banner a{color:var(--cyan);} @media (max-width:600px){ #terms-accept-banner{font-size:10px;padding:10px 12px;text-align:center;} } #view-help .bot-row{ display:grid;grid-template-columns:104px 1fr;gap:14px; align-items:start;margin-bottom:14px;font-size:12px;line-height:1.7; } #view-help .bot-row label{ color:var(--cyan);font-family:var(--font-mono);font-size:11px; text-align:right;padding-top:1px; } #view-help .bot-row span{color:var(--text2);} @media (max-width: 620px){ #view-help .bot-row{grid-template-columns:1fr;gap:2px;} #view-help .bot-row label{text-align:left;} } #auth-age-gate{ display:flex;align-items:center;gap:8px;margin:2px 0 4px;cursor:pointer; font-size:11px;color:var(--text2); } #auth-age-gate input{accent-color:var(--cyan);cursor:pointer;flex-shrink:0; margin:0;width:auto;} #auth-age-gate:hover{color:var(--text);} .pk-row{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px; background:var(--panel2,rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08); border-radius:6px;max-width:560px;} .pk-name{font-size:12px;color:var(--text1);flex:1;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .pk-added{font-size:10px;color:var(--text3);font-family:ui-monospace,monospace;} .pk-remove{width:auto!important;padding:3px 10px!important;font-size:10px!important;} .pk-actions{display:flex;gap:8px;align-items:center;margin-top:8px;max-width:560px;} .pk-actions input{flex:1;min-width:0;} .pk-actions .action-btn{width:auto;white-space:nowrap;} .pk-msg{font-size:11px;color:var(--text2);margin-top:8px;min-height:15px;} .pk-msg-bad{color:var(--down,#ef5350);} .pk-note{font-size:11px;color:var(--text2);margin-bottom:8px;max-width:560px; padding:7px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.03);line-height:1.5;} .pk-note-on{border-color:rgba(0,245,255,.28);color:var(--text1);} .oauth-sep{display:flex;align-items:center;gap:10px;margin:14px 0 10px; color:var(--text3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;} .oauth-sep::before,.oauth-sep::after{content:"";flex:1;height:1px; background:rgba(255,255,255,.12);} .oauth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;} .oauth-btn{padding:9px 10px;font-size:11px;cursor:pointer;color:var(--text1); background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14); border-radius:6px;font-family:inherit;transition:border-color .15s,background .15s;} .oauth-btn:hover{border-color:var(--cyan);background:rgba(0,245,255,.07);} #oauth-gate-overlay{display:none;position:fixed;inset:0;z-index:1200; background:rgba(4,6,12,.82);align-items:center;justify-content:center;padding:20px;} #oauth-gate-overlay.open{display:flex;} #oauth-gate{width:100%;max-width:420px;background:var(--panel,#12141c); border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden;} #oauth-gate-header{padding:14px 16px;font-size:13px;color:var(--text1); border-bottom:1px solid rgba(255,255,255,.10);letter-spacing:.02em;} #oauth-gate-body{padding:16px;} #oauth-gate-body p{font-size:12px;color:var(--text2);margin:0 0 12px;line-height:1.6;} #oauth-gate-body input[type=text]{width:100%;margin-bottom:10px;} #oauth-gate-age{display:flex;gap:9px;align-items:flex-start;font-size:11px; color:var(--text2);line-height:1.5;margin-bottom:12px;cursor:pointer;} #oauth-gate-age input{accent-color:var(--cyan);cursor:pointer;flex-shrink:0; margin:0;width:auto;} #oauth-gate-error{font-size:11px;color:var(--down,#ef5350);min-height:14px;margin-bottom:8px;} #oauth-gate-decline{margin-top:10px;text-align:center;font-size:11px;color:var(--text3);} #oauth-gate-decline a{cursor:pointer;text-decoration:underline;} .wp-doc{max-width:74ch;} .wp-doc .wp-lede{color:var(--text);font-size:14px;line-height:1.7;margin:0 0 18px;} .wp-doc h2{color:var(--cyan);font-family:var(--font-mono);font-size:15px; letter-spacing:0.04em;margin:34px 0 14px;padding-bottom:7px; border-bottom:1px solid var(--border2);scroll-margin-top:80px;} .wp-doc h3{color:var(--text);font-family:var(--font-mono);font-size:13px; letter-spacing:0.02em;margin:22px 0 8px;} .wp-doc p{color:var(--text2);font-size:13px;line-height:1.75;margin:0 0 12px;} .wp-doc ul{margin:0 0 14px;padding-left:20px;} .wp-doc li{color:var(--text2);font-size:13px;line-height:1.7;margin-bottom:8px;} .wp-doc strong{color:var(--text);font-weight:600;} .wp-doc em{color:var(--text);font-style:italic;} .wp-doc a{color:var(--cyan);text-decoration:none;border-bottom:1px solid #00f5ff44;} .wp-doc a:hover{border-bottom-color:var(--cyan);text-shadow:var(--glow-c);} .wp-doc code{font-family:var(--font-mono);font-size:11.5px;color:var(--text); background:rgba(128,128,128,0.12);border-radius:3px;padding:1px 5px; word-break:break-word;} .wp-toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 8px; padding:11px 14px;border:0.5px solid var(--border2);border-radius:4px; background:rgba(128,128,128,0.05);} .wp-toc a{font-family:var(--font-mono);font-size:11.5px;border-bottom:none;} .wp-doc .wp-note{color:var(--text3);font-size:12px;font-style:italic; line-height:1.65;margin:0 0 14px;} .wp-table{display:block;overflow-x:auto;width:100%;border-collapse:collapse; margin:0 0 14px;border:0.5px solid var(--border2);border-radius:4px;} .wp-table td{font-size:12px;line-height:1.6;padding:7px 11px; border-top:0.5px solid var(--border2);vertical-align:top;} .wp-table tr:first-child td{border-top:none;} .wp-table td:first-child{color:var(--text3);font-family:var(--font-mono); font-size:11px;white-space:nowrap;width:1%;} .wp-table td:last-child{color:var(--text2);} .wp-doc ul.wp-done,.wp-doc ul.wp-next,.wp-doc ul.wp-gated{list-style:none;padding-left:0;} .wp-doc ul.wp-done li,.wp-doc ul.wp-next li,.wp-doc ul.wp-gated li{ padding-left:22px;position:relative;} .wp-doc ul.wp-done li::before{content:'✓';color:var(--up,#26a69a);} .wp-doc ul.wp-next li::before{content:'→';color:var(--cyan);} .wp-doc ul.wp-gated li::before{content:'⏸';color:var(--yellow);} .wp-doc ul.wp-done li::before,.wp-doc ul.wp-next li::before, .wp-doc ul.wp-gated li::before{position:absolute;left:0;top:0; font-family:var(--font-mono);font-size:12px;} .wp-footer{margin-top:30px;padding-top:14px;border-top:1px solid var(--border2);} .wp-footer p{color:var(--text3);font-size:12px;line-height:1.7;margin:0 0 8px;} .rec-switch{display:flex;align-items:center;gap:10px;margin-bottom:12px;} #public-record-label{font-size:11px;color:var(--text2);} .rec-summary{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px; padding:10px 12px;background:var(--bg2);border:0.5px solid var(--border2); border-radius:4px;} .rec-summary:empty{display:none;} .rec-stat{display:flex;flex-direction:column;gap:2px;} .rec-stat i{font-style:normal;font-size:8px;color:var(--text3); text-transform:uppercase;letter-spacing:0.08em;} .rec-stat b{font-weight:normal;font-size:13px;color:var(--text); font-variant-numeric:tabular-nums;} .rec-stat b em{font-style:normal;font-size:9px;color:var(--text3);} .rec-card{background:var(--bg2);border:0.5px solid var(--border2); border-left:2px solid var(--border2);border-radius:4px; padding:10px 12px;margin-bottom:8px;} .rec-win{border-left-color:var(--green);} .rec-loss{border-left-color:var(--pink);} .rec-open{border-left-color:var(--cyan);} .rec-flat{border-left-color:var(--border2);} .rec-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;} .rec-sym{font-size:12px;color:var(--text);} .rec-side{font-size:9px;padding:1px 6px;border-radius:2px;letter-spacing:0.06em;} .rec-side-long{background:rgba(0,255,159,0.1);color:var(--green);border:0.5px solid var(--green);} .rec-side-short{background:rgba(255,45,120,0.1);color:var(--pink);border:0.5px solid var(--pink);} .rec-strat{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.06em;} .rec-result{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text2);} .rec-win .rec-result{color:var(--green);} .rec-loss .rec-result{color:var(--pink);} .rec-open .rec-result{color:var(--cyan);font-size:10px;letter-spacing:0.08em;} .rec-grid{display:grid;gap:8px 14px; grid-template-columns:repeat(auto-fit,minmax(88px,1fr));} .rec-cell{display:flex;flex-direction:column;gap:1px;min-width:0;} .rec-cell i{font-style:normal;font-size:8px;color:var(--text3); text-transform:uppercase;letter-spacing:0.06em;} .rec-cell b{font-weight:normal;font-size:11px;color:var(--text); font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .rec-thesis{margin-top:8px;padding-top:8px;border-top:0.5px solid var(--border); font-size:11px;color:var(--text2);white-space:pre-wrap;word-break:break-word;} .rec-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px; font-size:9px;color:var(--text3);} .mobile-nav-heading{font-size:9px;color:var(--text3);text-transform:uppercase; letter-spacing:0.12em;padding:12px 14px 4px;} .mobile-nav-heading:first-child{padding-top:4px;} #rec-claim{margin-top:10px;padding-top:10px;border-top:0.5px solid var(--border);} #rec-claim-btn{width:100%;} .rec-f-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;} .rec-f-row label{color:var(--text3);font-size:9px;text-transform:uppercase; letter-spacing:0.08em;width:66px;flex-shrink:0;} .rec-f-row span{color:var(--text);} .rec-f-row input{flex:1;min-width:0;width:auto;text-align:right;} .rec-f-rr{font-size:9px;color:var(--text3);margin:2px 0 7px;text-align:right;} #rec-f-thesis{width:100%;background:var(--bg);border:0.5px solid var(--border2); border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:11px; padding:5px 7px;outline:none;resize:vertical;} #rec-f-thesis:focus{border-color:var(--cyan);} .rec-f-note{font-size:9px;color:var(--text3);margin:6px 0;line-height:1.5;} .rec-f-actions{display:flex;gap:6px;} .rec-f-actions .action-btn{flex:1;margin-top:0;} #rec-f-status,#rec-open-status{font-size:9px;color:var(--pink);margin-top:5px;min-height:11px;} #rec-claim-open .rec-f-row span{color:var(--cyan);} #paper-banner{font-size:11px;color:var(--text2);line-height:1.6; background:var(--bg2);border:0.5px solid var(--border2);border-left:2px solid var(--cyan); border-radius:3px;padding:8px 11px;margin-bottom:12px;max-width:620px;} #paper-banner b{color:var(--cyan);font-weight:normal;} #paper-banner em{font-style:normal;color:var(--text);} .card-value-idle{color:var(--text3);font-size:11px;letter-spacing:0.04em;} #home-enter{margin:18px auto 4px;max-width:560px;text-align:center;} .home-enter-btn{background:transparent;border:0.5px solid var(--cyan); color:var(--cyan);font-family:var(--font-mono);font-size:13px; letter-spacing:0.1em;text-transform:uppercase;padding:11px 26px; border-radius:3px;cursor:pointer;box-shadow:var(--glow-c); transition:background 0.15s,box-shadow 0.15s;} .home-enter-btn:hover{background:rgba(0,245,255,0.08); box-shadow:0 0 18px #00f5ff66;} .home-enter-sub{font-size:12px;color:var(--purple-text);margin-top:10px;line-height:1.6; text-shadow:0 0 6px rgba(0,0,0,0.95),0 0 14px rgba(0,0,0,0.85),0 1px 2px #000;} .home-enter-note{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:9px; font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--purple-text); text-shadow:0 0 6px rgba(0,0,0,0.95),0 0 14px rgba(0,0,0,0.85),0 0 10px rgba(189,0,255,0.45);} .home-enter-note i{font-style:normal;color:var(--purple);text-shadow:0 0 8px var(--purple);font-size:9px;} #home-product-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px; width:min(760px,92vw);margin:18px auto 0;} .home-product-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:11px 12px; text-align:left;background:rgba(5,8,16,.72);border:.5px solid var(--border2);border-radius:4px; color:var(--text2);cursor:pointer;font-family:var(--font-mono);transition:border-color .16s,box-shadow .16s,transform .16s;} .home-product-card:hover,.home-product-card:focus-visible{border-color:var(--cyan);box-shadow:0 0 14px #00f5ff2b; transform:translateY(-1px);outline:none;} .home-product-name{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);} .home-product-copy{font-size:10px;line-height:1.45;color:var(--text2);} #home-culture-line{margin:12px auto 0;font-size:10px;letter-spacing:.08em;color:var(--green); text-shadow:0 0 8px #00ff9f33;} #home-roadmap-link{margin:9px auto 0;padding:3px 5px;background:transparent;border:0;color:var(--text3); font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;} #home-roadmap-link:hover,#home-roadmap-link:focus-visible{color:var(--cyan);outline:none;text-shadow:var(--glow-c);} @media(max-width:760px){ #home-product-map{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;} } @media(max-width:430px){ #home-product-map{grid-template-columns:1fr;} #home-culture-line{max-width:30ch;line-height:1.6;} } #market-workspace-bar{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:7px 9px; min-width:0;background:linear-gradient(90deg,rgba(0,245,255,.035),rgba(189,0,255,.025)); border:.5px solid var(--border2);border-radius:4px;} #workspace-symbol-button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:0 0 auto; min-width:116px;padding:3px 8px;background:transparent;border:0;border-right:.5px solid var(--border2); color:var(--cyan);font-family:var(--font-mono);cursor:pointer;text-align:left;} #workspace-symbol-button:hover #workspace-symbol,#workspace-symbol-button:focus-visible #workspace-symbol{ text-shadow:var(--glow-c);} #workspace-symbol-button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px;} #workspace-symbol{font-size:11px;letter-spacing:.09em;} .workspace-symbol-note{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);} #workspace-mode-tabs{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none;} #workspace-mode-tabs::-webkit-scrollbar{display:none;} .workspace-mode{flex:0 0 auto;padding:5px 9px;background:transparent;border:.5px solid transparent;border-radius:3px; color:var(--text3);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;} .workspace-mode:hover{color:var(--text);border-color:var(--border2);} .workspace-mode.active{color:var(--cyan);border-color:var(--cyan);background:rgba(0,245,255,.055);box-shadow:0 0 8px #00f5ff22;} #workspace-mode-detail{margin-left:auto;min-width:170px;color:var(--text3);font-size:9px;text-align:right;line-height:1.35;} .workspace-mode-hidden{display:none!important;} @media(max-width:850px){ #market-workspace-bar{align-items:flex-start;flex-wrap:wrap;} #workspace-mode-tabs{order:3;width:100%;} #workspace-mode-detail{min-width:0;flex:1;} } #home-auth-title{font-size:10px;color:var(--text3);text-transform:uppercase; letter-spacing:0.1em;margin-bottom:8px;} #pp-record-title{font-size:11px;color:var(--cyan);text-transform:uppercase; letter-spacing:0.08em;margin:0 0 4px;} #pp-record-note{font-size:10px;color:var(--text3);line-height:1.6; margin-bottom:10px;max-width:560px;} #pp-record-wrap{margin-bottom:22px;} #pp-record-wrap[hidden]{display:none;} #pp-track-wrap{margin-bottom:22px;} #pp-track-wrap[hidden]{display:none;} .tr-score{display:flex;flex-direction:column;gap:2px;padding-right:18px;margin-right:4px;border-right:0.5px solid var(--border2);} .tr-score i{font-style:normal;font-size:8px;color:var(--cyan);text-transform:uppercase;letter-spacing:0.08em;} .tr-score b{font-weight:600;font-size:22px;line-height:1;color:var(--cyan);text-shadow:var(--glow-c);font-variant-numeric:tabular-nums;} .tr-score em{font-style:normal;font-size:9px;color:var(--text3);} .tr-by{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-family:var(--font-mono);} .tr-by i{font-style:normal;font-size:8px;color:var(--text3);text-transform:uppercase;letter-spacing:0.08em;margin-right:4px;} .tr-chip{font-size:10px;color:var(--text2);padding:2px 7px;border:0.5px solid var(--border2);border-radius:3px;} .tr-chip b{color:var(--text);font-weight:500;} .tr-chip em{font-style:normal;color:var(--text3);font-size:9px;} .tr-strip{display:flex;align-items:center;gap:4px;margin:2px 0 10px;font-family:var(--font-mono);} .tr-strip i{font-style:normal;font-size:8px;color:var(--text3);text-transform:uppercase;letter-spacing:0.08em;margin-right:6px;} .tr-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--text3);} .tr-dot.hit{background:var(--green);} .tr-dot.invalidated{background:var(--pink);} .tr-dot.expired{background:var(--text3);} .tr-dot.closed{background:var(--yellow);} .tr-dot.open{background:transparent;border:1.5px solid var(--cyan);} #home-feed-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} #feed-kind-filter{background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text2);font:10px var(--font-mono);padding:3px 6px;} #home-feed-record-note{margin:0 0 10px;background:rgba(10,10,18,0.55);border:0.5px solid var(--border2);border-radius:4px;padding:8px 12px;} #home-feed-record-note[hidden]{display:none;} .feed-rec{border-left:2px solid var(--border2);cursor:default;} .feed-rec.open{border-left-color:var(--cyan);} .feed-rec.hit,.feed-rec.win{border-left-color:var(--green);} .feed-rec.invalidated,.feed-rec.loss{border-left-color:var(--pink);} .feed-rec.expired,.feed-rec.flat{border-left-color:var(--text3);} .feed-rec.closed{border-left-color:var(--yellow);} .feed-rec-who{cursor:pointer;} .feed-rec-who:hover{text-decoration:underline;} .feed-rec-verb{color:var(--text2);font-weight:400;} .feed-rec-verb b{color:var(--text);font-weight:600;} .feed-rec-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-mono);font-size:11px;flex-wrap:wrap;} .feed-rec-mkt{background:rgba(0,245,255,0.06);color:var(--cyan);border:0.5px solid var(--cyan);border-radius:3px;font:600 10px var(--font-mono);letter-spacing:0.06em;padding:2px 8px;cursor:pointer;} .feed-rec-mkt:hover{box-shadow:var(--glow-c);} .feed-rec-levels{color:var(--text2);} .feed-rec-levels b{color:var(--green);font-weight:500;} .feed-rec-levels s{color:var(--pink);text-decoration:none;} .feed-rec-thesis{font-size:11px;color:var(--text);margin-top:6px;line-height:1.5;word-break:break-word;} .feed-rec-inds{font-size:9px;color:var(--text3);margin-top:4px;} .feed-rec-img{display:block;margin-top:8px;max-width:360px;} .feed-rec-img img{width:100%;border:0.5px solid var(--border2);border-radius:3px;display:block;} .rec-outcome.win{color:var(--green);} .rec-outcome.loss{color:var(--pink);} .rec-outcome.flat{color:var(--text3);} .section-title{font-size:11px;color:var(--cyan);text-transform:uppercase; letter-spacing:0.08em;margin:18px 0 8px;} .section-title:first-child{margin-top:0;} .section-note{font-size:11px;color:var(--text2);margin-bottom:8px; max-width:560px;line-height:1.6;} .action-btn.inline{width:auto;margin-top:0;} .action-btn.inline.sm{font-size:10px;padding:5px 10px;} #sentinel-reason-row{display:flex;align-items:flex-start;gap:10px; padding:9px 14px;border-top:0.5px solid var(--border2);} .sr-label{display:inline-flex;align-items:center;flex-shrink:0; font-size:9px;color:var(--purple-text);text-transform:uppercase; letter-spacing:0.1em;padding-top:2px;} #sentinel-reason{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;} .sr-stance{font-size:11px;color:var(--cyan);letter-spacing:0.08em; white-space:nowrap;} .sr-why{font-size:11px;color:var(--text2);line-height:1.6;} #chart-settings{position:fixed;top:90px;left:auto;right:26px;z-index:120; width:min(560px, calc(100vw - 52px));max-height:min(70vh, 620px); overflow:auto;border:0.5px solid var(--border2);border-radius:5px; box-shadow:0 14px 40px rgba(0,0,0,0.65);} #chart-settings-head{display:flex;align-items:center;gap:10px; padding:8px 10px 8px 12px;background:var(--bg2); border-bottom:0.5px solid var(--border2);cursor:move;user-select:none; position:sticky;top:0;z-index:1;} .win-title{font-size:10px;color:var(--cyan);text-transform:uppercase; letter-spacing:0.1em;flex:1;} .win-close{background:transparent;border:none;color:var(--text3); font-size:11px;cursor:pointer;padding:2px 4px;line-height:1;} .win-close:hover{color:var(--pink);} body.win-dragging{user-select:none;} body.win-dragging #chart-settings *{pointer-events:none;} body.win-dragging #chart-settings-head{pointer-events:auto;} #chart-ctx-menu{position:fixed;z-index:300;min-width:190px;padding:5px; background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,0.6);display:flex;flex-direction:column;gap:2px; max-height:calc(100vh - 12px);overflow-y:auto;} #chart-ctx-menu[hidden]{display:none;} #oak-add-menu{position:fixed;z-index:300;width:250px;max-height:min(72vh,640px); display:flex;flex-direction:column;padding:5px; background:var(--bg2);border:0.5px solid var(--border2);border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c);font-family:var(--font-mono);} #oak-add-menu[hidden]{display:none;} .oak-picker-head{display:flex;align-items:center;justify-content:space-between;padding-right:2px;} .oak-picker-close{font-size:10px;padding:2px 4px;} .oak-help{position:relative;margin-left:auto;margin-right:6px;display:inline-flex;} .oak-help-btn{width:16px;height:16px;padding:0;border-radius:50%;border:0.5px solid var(--border2);background:transparent; color:var(--text3);font:10px var(--font-mono);line-height:1;cursor:help;} .oak-help-btn:hover,.oak-help-btn:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:none;} .oak-help-pop{display:none;position:absolute;left:-120px;top:calc(100% + 6px);width:300px;z-index:3;padding:10px 12px; background:var(--bg2);border:0.5px solid var(--cyan);border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,0.6),var(--glow-c); font:11px/1.5 var(--font-mono);color:var(--text2);text-align:left;text-transform:none;letter-spacing:0;cursor:auto;} .oak-help:hover .oak-help-pop,.oak-help:focus-within .oak-help-pop{display:block;} .oak-help-pop b{display:block;color:var(--cyan);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;} .oak-help-pop p{margin:0 0 9px;} .oak-help-pop p:last-child{margin-bottom:0;} .oak-help-pop i{color:var(--text);font-style:normal;} .oak-picker-search{margin:2px 4px 6px;padding:6px 8px;background:var(--bg);border:0.5px solid var(--border2); border-radius:3px;color:var(--text);font-family:var(--font-mono);font-size:11px;outline:none;} .oak-picker-search:focus{border-color:var(--cyan);box-shadow:var(--glow-c);} .oak-picker-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;} .oak-picker-row{display:flex;align-items:center;gap:6px;padding:0 2px 0 9px;border-radius:2px; color:var(--text2);font-size:11px;cursor:pointer;white-space:nowrap;} .oak-picker-row:hover{background:rgba(0,245,255,0.08);color:var(--cyan);} .oak-picker-row[disabled]{opacity:0.45;cursor:not-allowed;} .oak-picker-row.added{background:rgba(0,255,159,0.12);color:var(--green);} .oak-picker-row.added .oak-picker-name::after{content:" added";font-size:9px;letter-spacing:0.08em;} .oak-picker-name{flex:1;padding:6px 0;overflow:hidden;text-overflow:ellipsis;} .oak-picker-code{background:transparent;border:none;color:var(--text3);cursor:pointer; font-family:var(--font-mono);font-size:10px;padding:5px 6px;border-radius:2px;opacity:0;transition:opacity 0.1s;} .oak-picker-row:hover .oak-picker-code{opacity:1;} .oak-picker-code:hover{color:var(--purple-text);background:rgba(189,0,255,0.12);} .oak-picker-none{padding:10px 9px;font-size:10px;color:var(--text3);white-space:normal;} .oak-picker-foot{border-top:0.5px solid var(--border2);margin-top:4px;padding-top:4px;display:flex;flex-direction:column;} .oak-picker-foot .ctx-item{white-space:normal;} .oak-picker-count{font-size:9px;color:var(--text3);padding:4px 9px 2px;letter-spacing:0.06em;} .oak-picker-count.full{color:var(--pink);} .ctx-item{background:transparent;border:none;color:var(--text2);text-align:left; font-family:var(--font-mono);font-size:11px;padding:6px 9px;border-radius:2px; cursor:pointer;white-space:nowrap;} .ctx-item:hover{background:rgba(0,245,255,0.08);color:var(--cyan);} .ctx-sep{height:0;border-top:0.5px solid var(--border2);margin:3px 0;} .ctx-head{font-size:9px;color:var(--text3);text-transform:uppercase; letter-spacing:0.1em;padding:4px 9px 2px;} #chart-profile-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap; padding:9px 12px;border-bottom:0.5px solid var(--border2);background:var(--bg2);} #chart-profile-bar label{font-size:9px;color:var(--text3);text-transform:uppercase; letter-spacing:0.08em;flex-shrink:0;} #chart-profile-select{background:var(--bg);border:0.5px solid var(--border2); border-radius:2px;color:var(--cyan);font-family:var(--font-mono);font-size:11px; padding:4px 6px;outline:none;cursor:pointer;min-width:130px;} #chart-profile-select:focus{border-color:var(--cyan);} #chart-profile-status{font-size:9px;color:var(--text3);flex-basis:100%;min-height:11px;} @keyframes settings-flash{ 0%{box-shadow:0 0 0 1px var(--cyan),0 0 14px #00f5ff66;} 100%{box-shadow:0 0 0 1px transparent,0 0 0 transparent;} } .settings-flash{animation:settings-flash 1.4s ease-out;border-radius:3px;} @media (prefers-reduced-motion:reduce){.settings-flash{animation:none;box-shadow:0 0 0 1px var(--cyan);}} #chart-engine-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap; padding:8px 12px;border-bottom:0.5px solid var(--border2);background:var(--bg2);} #chart-engine-bar label{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.08em;} #chart-engine-select{background:var(--bg);border:0.5px solid var(--border2);border-radius:2px; color:var(--cyan);font-family:var(--font-mono);font-size:11px;padding:4px 6px;outline:none;cursor:pointer;} #chart-engine-note{font-size:9px;color:var(--text3);} #engine-switch{margin-left:auto;flex-shrink:0;} #engine-switch .unit-btn{padding:3px 10px;font-size:10px;letter-spacing:0.06em;} #ind-legend{position:absolute;left:10px;top:26px;z-index:7;pointer-events:auto; border-radius:4px;background:rgba(6,10,18,0.55);border:0.5px solid transparent; font-family:var(--font-mono);opacity:0.55;transition:opacity 0.15s,background 0.15s,border-color 0.15s;} #ind-legend:hover,#ind-legend.open{opacity:1;background:rgba(6,10,18,0.9);border-color:var(--border2);} #ind-legend.open{min-width:210px;} #ind-legend-head{display:flex;align-items:center;gap:6px;padding:3px 6px;} #ind-legend-head button{background:transparent;border:none;color:var(--text2);cursor:pointer; font-size:12px;line-height:1;padding:0 3px;font-family:var(--font-mono);} #ind-legend-head button:hover{color:var(--cyan);} #ind-legend-add{font-size:14px !important;} #ind-legend-count{font-size:10px;color:var(--text3);min-width:8px;} #ind-legend.empty #ind-legend-count{display:none;} #ind-legend-rows{padding:0 4px 5px;} .ind-row{display:flex;align-items:center;gap:6px;padding:3px 5px;border-radius:3px; font-size:11px;color:var(--text);cursor:default;} .ind-row:hover{background:rgba(0,245,255,0.06);} .ind-row.off{opacity:0.42;} .ind-row.failed .ind-name{color:var(--pink);} .ind-why{font-size:10px;color:var(--pink);opacity:.85;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ind-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;} .ind-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ind-vals{font-size:10px;color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap;} .ind-btn{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:10px; line-height:1;padding:1px 2px;flex-shrink:0;opacity:0;transition:opacity 0.1s;} .ind-row:hover .ind-btn{opacity:1;} .ind-btn:hover{color:var(--cyan);} #oak-settings{position:fixed;top:120px;left:60px;z-index:121;width:250px; background:var(--bg3);border:0.5px solid var(--border2);border-radius:5px; box-shadow:0 14px 40px rgba(0,0,0,0.65);font-family:var(--font-mono);} #oak-settings[hidden]{display:none;} #oak-settings-head{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px; background:var(--bg2);border-bottom:0.5px solid var(--border2);cursor:move;user-select:none;} #oak-settings-head .win-title{flex:1;} #oak-settings-body{padding:8px 12px 12px;} .oak-panel-head{display:flex;align-items:center;gap:8px;padding:2px 0 8px;} .oak-panel-head input[type=checkbox]{accent-color:var(--cyan);} .oak-panel-title{flex:1;font-size:11px;color:var(--text);} .oak-panel-btn{background:transparent;border:0.5px solid var(--border2);border-radius:3px; color:var(--text2);cursor:pointer;font-size:11px;line-height:1;padding:3px 6px;font-family:var(--font-mono);} .oak-panel-btn:hover{color:var(--cyan);border-color:var(--cyan);} .oak-checks{font-size:10px;color:var(--text3);padding:0 0 6px;} .oak-fields{display:flex;flex-direction:column;gap:6px;} .oak-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--text2);} .oak-field input[type=number],.oak-field input[type=text],.oak-field select{width:84px;background:var(--bg); border:0.5px solid var(--border2);border-radius:3px;color:var(--text);padding:3px 6px;font:11px var(--font-mono);} .oak-field input[type=color]{width:34px;height:20px;padding:0;border:0.5px solid var(--border2);background:transparent;} .oak-field-none{font-size:10px;color:var(--text3);} .oak-colours{margin-top:10px;padding-top:8px;border-top:0.5px solid var(--border2);} .oak-field-head{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);} .oak-colours-reset{margin-top:4px;align-self:flex-start;} .oak-panel-reset{margin-top:10px;background:transparent;border:0.5px solid var(--border2);border-radius:3px; color:var(--text2);cursor:pointer;padding:4px 8px;font:10px var(--font-mono);} .oak-panel-reset:hover{color:var(--cyan);border-color:var(--cyan);} .rec-review{margin:-4px 0 16px;padding:12px;border:1px solid var(--border2);border-radius:6px;} .rec-review summary{cursor:pointer;color:var(--cyan);} .rec-review p,.rec-review-unavailable,#record-process p{color:var(--text2);font-size:12px;line-height:1.5;} .rec-review fieldset{border:0;padding:0;display:grid;gap:12px;min-width:0;} .rec-review label{display:grid;gap:6px;font-size:12px;color:var(--text2);} .rec-review input:not([type=checkbox]),.rec-review textarea{box-sizing:border-box;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border2);border-radius:4px;padding:8px;font:inherit;} .rec-review textarea{resize:vertical;} .rec-review .rec-review-check{display:flex;align-items:center;gap:8px;} .rec-review button{justify-self:start;padding:8px 12px;color:var(--cyan);background:var(--bg);border:1px solid var(--border2);border-radius:4px;cursor:pointer;} .rec-review :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;} .rec-filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;} .rec-filters label{display:grid;gap:5px;flex:1 1 130px;color:var(--text2);font-size:12px;min-width:0;} .rec-filters input,.rec-filters select{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border2);border-radius:4px;padding:8px;} #record-analysis p,#record-filter-status{font-size:12px;color:var(--text2);line-height:1.5;} .rec-analysis-scroll{max-width:100%;overflow-x:auto;margin:12px 0;} .rec-analysis-table{width:100%;border-collapse:collapse;font-size:12px;} .rec-analysis-table th,.rec-analysis-table td{padding:8px;text-align:left;border-bottom:1px solid var(--border2);} .rec-analysis-table caption{text-align:left;color:var(--cyan);padding:8px 0;} .rec-share-panel{margin:12px 0;} .rec-share-panel textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--border2);resize:vertical;font:12px var(--font-mono);line-height:1.5;} #record-share-status{font-size:12px;color:var(--text2);line-height:1.5;} #market-comparison{position:fixed;z-index:1200;left:50%;top:12%;transform:translateX(-50%);width:min(800px,94vw);max-height:85vh;overflow:auto;box-sizing:border-box;padding:16px;background:var(--bg);border:1px solid var(--border2);border-radius:8px;box-shadow:0 16px 60px #0009;} .market-compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px;} .market-compare-head h2{font-size:16px;color:var(--cyan);} .market-compare-head button{color:var(--text);background:var(--bg);border:1px solid var(--border2);padding:7px 10px;cursor:pointer;} #market-compare-status{font-size:12px;line-height:1.5;color:var(--text2);} #market-compare-chart{height:300px;width:100%;} .calls-market{font-size:10px;color:var(--text3);margin-left:8px;letter-spacing:.04em;} .calls-holds{font-size:9px;color:var(--text2);margin-left:auto;letter-spacing:.04em;font-weight:400;} #tool-content-calls h2{display:flex;align-items:baseline;} #community-holds{margin:0 0 7px;padding:5px 7px;background:rgba(10,10,18,0.45);border:0.5px solid var(--border2);border-radius:3px;font-family:var(--font-mono);font-size:10px;flex-shrink:0;} #community-holds[hidden]{display:none;} .rh-line{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:var(--text2);} .rh-line:hover .rh-text{color:var(--text);} .rh-text b{color:var(--text);font-weight:500;} .rh-text i{font-style:normal;color:var(--text3);} .rh-text b.rh-long{color:var(--green);} .rh-text b.rh-short{color:var(--pink);} .rh-flat{color:var(--text3);} .rh-text b.rh-mkt{color:var(--text2);letter-spacing:.04em;} .rh-text b.rh-mkt.here{color:var(--cyan);} .rh-caret{color:var(--text3);font-size:9px;} .rh-list{margin-top:6px;padding-top:6px;border-top:0.5px solid var(--border2);display:flex;flex-direction:column;gap:3px;max-height:220px;overflow-y:auto;} .rh-person{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;} .rh-person.flat{color:var(--text3);} .rh-who{color:var(--cyan);cursor:pointer;min-width:70px;} .rh-who:hover{text-decoration:underline;} .rh-pos{color:var(--text3);font-size:9px;padding:1px 5px;border:0.5px solid var(--border2);border-radius:3px;} .rh-pos.long{color:var(--green);} .rh-pos.short{color:var(--pink);} .rh-pos.here{border-color:currentColor;} .rh-pos em{font-style:normal;color:var(--text3);margin-left:4px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;} .rh-note{font-size:9px;color:var(--text3);line-height:1.4;margin-top:4px;} #calls-tabs{margin:2px 0 6px;} .calls-filters{display:flex;gap:6px;padding:0 0 6px;} .calls-filters[hidden]{display:none;} .calls-filters select{flex:1;background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text2);font:10px var(--font-mono);padding:3px 4px;} #calls-rows{display:flex;flex-direction:column;gap:2px;max-height:min(46vh,520px);overflow-y:auto;} .call-row{padding:6px 8px;border-radius:3px;border-left:2px solid var(--border2);cursor:pointer;font-family:var(--font-mono);} .call-row:hover{background:rgba(0,245,255,0.05);} .call-row.open{border-left-color:var(--cyan);} .call-row.hit{border-left-color:var(--green);} .call-row.invalidated{border-left-color:var(--pink);} .call-row.expired{border-left-color:var(--text3);} .call-row.closed{border-left-color:var(--yellow);} .call-main{display:flex;align-items:baseline;gap:7px;row-gap:2px;font-size:11px;white-space:nowrap;flex-wrap:wrap;} .call-side{font-size:10px;} .call-side.long{color:var(--green);} .call-side.short{color:var(--pink);} .call-who{color:var(--text);overflow:hidden;text-overflow:ellipsis;max-width:34%;} .call-mkt{color:var(--cyan);font-size:10px;} .call-dist{margin-left:auto;font-size:11px;} .call-dist b{color:var(--green);font-weight:600;} .call-dist s{color:var(--pink);text-decoration:none;} .call-dist i{color:var(--text3);font-style:normal;margin:0 3px;} .call-outcome{margin-left:auto;font-size:10px;letter-spacing:.06em;text-transform:uppercase;} .call-outcome.hit{color:var(--green);} .call-outcome.invalidated{color:var(--pink);} .call-outcome.expired{color:var(--text3);} .call-outcome.closed{color:var(--yellow);} .call-r{font-size:11px;color:var(--text);} .call-time{color:var(--text3);font-size:10px;} .call-thesis{margin-top:3px;font-size:10px;color:var(--text2);line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .call-row.expanded .call-thesis{white-space:normal;color:var(--text);} .call-nothesis{color:var(--text3);font-style:italic;} .call-detail{margin-top:8px;padding-top:8px;border-top:0.5px solid var(--border2);cursor:auto;} .call-kv{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:2px 0;} .call-kv span:first-child{color:var(--text3);} .call-kv span:last-child{color:var(--text);text-align:right;} .call-now{color:var(--text3);font-size:9px;margin-left:4px;} .call-inds{font-size:10px;color:var(--cyan);margin-top:4px;} .call-img{display:block;margin-top:8px;border:0.5px solid var(--border2);border-radius:3px;overflow:hidden;} .call-img img{display:block;width:100%;height:auto;} .call-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;} .call-close-note{margin-top:6px;font-size:10px;line-height:1.4;color:var(--yellow);} .call-reads{font-size:9px;color:var(--text3);margin-left:auto;white-space:nowrap;flex-shrink:0;} .call-reads b{color:var(--green);font-weight:500;} .call-reads s{color:var(--pink);text-decoration:none;} .call-reads i{font-style:normal;} .call-read-btns{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap;} .call-read-btns .read-back{background:rgba(0,255,159,0.08);color:var(--green);border-color:var(--green);} .call-read-btns .read-fade{background:rgba(255,45,120,0.08);color:var(--pink);border-color:var(--pink);} .call-read-hint{font-size:9px;color:var(--text3);} .call-read-note{margin-top:8px;font-size:10px;color:var(--text2);} .call-read-names{margin-top:8px;font-size:10px;display:flex;flex-direction:column;gap:3px;} .call-read-names i{font-style:normal;font-size:8px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-right:6px;} .call-read-name{color:var(--text2);cursor:pointer;margin-right:8px;} .call-read-name.right{color:var(--green);} .call-read-name.wrong{color:var(--pink);} .call-read-name:hover{text-decoration:underline;} #pp-reads-wrap{margin-bottom:22px;} #pp-reads-wrap[hidden]{display:none;} .tr-dot.right{background:var(--green);} .tr-dot.wrong{background:var(--pink);} .calls-form .action-btn.secondary,.call-actions .action-btn.secondary{background:transparent;color:var(--text2);border-color:var(--border2);} .calls-form .action-btn.secondary:hover,.call-actions .action-btn.secondary:hover{color:var(--text);box-shadow:none;} .call-actions .action-btn.danger{background:rgba(255,230,0,0.08);color:var(--yellow);border-color:var(--yellow);} #calls-call-btn{width:100%;margin-top:8px;} .calls-form{margin-top:8px;padding:10px;border:0.5px solid var(--border2);border-left:2px solid var(--cyan);border-radius:3px;font-family:var(--font-mono);} .calls-form-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--cyan);margin-bottom:8px;} .calls-now{font-size:9px;color:var(--text3);} .calls-now b{color:var(--text);font-weight:500;} .calls-form .unit-toggle{margin-bottom:8px;} .calls-f-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px;color:var(--text2);} .calls-f-row input,.calls-f-row select{width:56%;background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);font:11px var(--font-mono);padding:4px 6px;} .calls-r{font-size:10px;color:var(--text);margin:4px 0 8px;line-height:1.45;} .calls-r.bad{color:var(--pink);} .calls-form textarea{width:100%;box-sizing:border-box;background:var(--bg);border:0.5px solid var(--border2);border-radius:3px;color:var(--text);font:11px var(--font-mono);padding:6px;resize:vertical;} .calls-f-check{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text2);margin:6px 0 8px;} .calls-f-check input{accent-color:var(--cyan);} .calls-f-actions{display:flex;gap:6px;flex-wrap:wrap;} .calls-status{font-size:10px;color:var(--text3);margin-top:6px;min-height:14px;} .calls-status.err{color:var(--pink);} .calls-status.ok{color:var(--green);} .calls-note{font-size:9px;color:var(--text3);line-height:1.5;margin-top:10px;} @media (pointer: coarse){ .draw-tool-btn{width:34px;height:34px;min-height:34px;flex-shrink:0;font-size:15px;} .rt-icon{min-width:34px;min-height:34px;} .tf-btn{min-height:32px;padding:6px 10px;} .ind-row{min-height:32px;padding:4px 6px;} .ind-btn{opacity:1;min-width:28px;min-height:28px;font-size:12px;} .oak-picker-row{min-height:36px;} .oak-picker-code{min-width:32px;min-height:32px;} .oak-panel-btn,.win-close{min-width:32px;min-height:32px;} .pane-legend-button{min-height:24px;} #ind-legend-toggle,#ind-legend-add{min-width:28px;min-height:28px;} }