/* Visual study v0.2. Shared interactions remain in index.html. */
:root{color-scheme:dark;--bg:#070c1c;--ink:#e5efff;--muted:#8497b9;--line:#6e9fff29;--green:#80bcff;--mint:#3685ff20;--amber:#ebc177;--blue:#73acff}
body{background:radial-gradient(ellipse at 67% -20%,#182b684d,transparent 65%),radial-gradient(ellipse at 90% 70%,#1e1b4a66,transparent 65%),#070c1c;color:var(--ink)}
body:before{content:'';position:fixed;z-index:-1;pointer-events:none;left:45%;top:15%;width:550px;height:550px;border-radius:50%;border:1px solid #649fff24;box-shadow:inset 0 0 90px #307fff18,0 0 130px #305fff12;background:radial-gradient(ellipse at 25% 25%,#6c9bff14,transparent 60%)}
aside{background:linear-gradient(165deg,#0f1932e8,#080e20ee);border-right:1px solid #749fff30;box-shadow:6px 0 40px #03071566;backdrop-filter:blur(20px)}
.brand{color:#edf5ff;text-shadow:0 0 22px #7da9ff55}.brand i{color:#84c4ff}.aside-sub{color:#7f9dc8}.nav button{color:#8fa5c8;border:1px solid transparent}.nav button.active{background:linear-gradient(100deg,#284c8d80,#1a2a5533);border-color:#72a7ff44;color:#d6eaff;box-shadow:inset 2px 0 #83c9ff,0 0 18px #5597ff0d}.nav button:hover{color:#e1edff;background-color:#2c4b7f30}.aside-foot{border-color:#6e9fff29;color:#9bb7db}.dot{background:#79bdff;box-shadow:0 0 9px #70aaff}.aside-foot span:last-child{color:#849bc0!important}
header{border-color:#78a4e722}.crumb{color:#829bc3}.header-right{color:#7f94b9}.tag{color:#a8c4eb;background:#16305b30;border-color:#76aaff30}.avatar{background:#213d6766;color:#b4d8ff;border:1px solid #70a9ff44}.eyebrow{color:#7896c3;letter-spacing:2.6px}h1{color:#edf5ff;font-weight:600;text-shadow:0 0 35px #75a4ff20}h2,h3{font-weight:550}.hero{margin-top:31px}.hero p{color:#8197ba}
.notice{color:#a6b9d6;border-color:#729bdf28;background:linear-gradient(90deg,#22457725,#392f6420);border-left:2px solid #789ce6;border-radius:5px}
.panel{background:linear-gradient(135deg,#19294e7d,#0d1733a6);border:1px solid #6b9aff40;box-shadow:inset 0 1px 0 #cadfff0a,0 12px 35px #0208172b;backdrop-filter:blur(18px);border-radius:10px;position:relative}.panel:before{content:'';position:absolute;top:-1px;left:20px;right:40%;height:1px;background:linear-gradient(90deg,#7abaff99,#ae7bdc66,transparent);pointer-events:none}.composer{border-color:#7bafff50;box-shadow:0 0 28px #2f62cf10,inset 0 1px #abcaff0a}.composer textarea{color:#dceaff}.composer textarea::placeholder{color:#7f94b4}.composer-bottom{border-color:#8aafff25}.chips button{background:#1b31534a;border:1px solid #79a7ef24;color:#a5c2e8}.chips button:hover{background:#28508760;border-color:#8bc4ff66}.primary{background:linear-gradient(115deg,#2256ac,#447cce);border:1px solid #83b8ff80;color:#edf7ff;box-shadow:0 0 18px #487dff20,inset 0 1px #d8eaff22}.primary:hover{background:linear-gradient(115deg,#2d67c4,#568be0);box-shadow:0 0 24px #487dff40}.secondary{background:#15294d;color:#b3d0f3;border-color:#7baeff44}
.metric{background:linear-gradient(135deg,#16254699,#101933bb);border-color:#79a2e333;box-shadow:inset 0 1px #d8eaff08;border-radius:9px}.metric strong{color:#cbe7ff;text-shadow:0 0 18px #599fff2b;font-weight:400}.metric label,.metric em{color:#859ec3}.filters button{color:#819abd}.filters button.selected{color:#bddfff;background:#2d568f55;border:1px solid #80baff2e}.task{background:transparent;border-color:#7299db20;color:var(--ink)}.task:hover{background:#4b7ec716}.task-icon{background:#263e632e;color:#91b8e9;border-color:#7ba9e93b}.task-meta{color:#8199bd}.badge{background:#29385970;color:#9aafd0;border:1px solid #8098c222}.badge.green{background:#214a6655;color:#9cd9ee;border-color:#79c9ee33}.badge.amber{background:#6b4b252b;color:#d5b57e;border-color:#b08b5140}.agent{border-color:#7ba9e923}.agent-icon{background:linear-gradient(145deg,#28487c7a,#16213f80);border:1px solid #80b4ff38;color:#adceff;border-radius:8px;box-shadow:inset 0 0 12px #426baf20}.agent-name{color:#c1d4f0}.agent-desc,.agent-state{color:#849bc0}.waiting-box{background:#3c354b2b;border:1px solid #b89b6c33}.waiting-box h3{color:#dac7a7}.waiting-box p{color:#9daac0}.link{color:#9ac5ff}.link:hover{color:#d4eaff}.timeline{border-color:#55719e66}.timeline div:before{background:#8dbfff;box-shadow:0 0 7px #78afff66}.timeline time{color:#7286a8}.timeline div{color:#a6badd}.footer{color:#566c91}.empty{color:#8ba0c1}dialog{background:linear-gradient(145deg,#17284a,#0c1730);color:#e4efff;border-color:#83b7ff66;box-shadow:0 20px 100px #020612cc,0 0 45px #4e7bd51a}dialog::backdrop{background:#020713ad;backdrop-filter:blur(5px)}.close{background:#29436b77;color:#bdd8ff}.detail-row b{color:#7d9bc5}.plan-step{background:#233b6255;border-left-color:#88bfff}.toast{background:#1c3a63;color:#d9edff;border:1px solid #84baff55}.small{line-height:1.8}textarea{background:#101e39!important;color:#daeaff!important;border-color:#7ba7eb40!important;border-radius:5px}#instruction{background:transparent!important}button:focus-visible,textarea:focus-visible{outline:2px solid #a4d4ff;outline-offset:4px}
@media(prefers-reduced-transparency:reduce){.panel{background:#13203a;backdrop-filter:none}aside{background:#0c1529;backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}
@media(max-width:650px){body:before{width:320px;height:320px;left:20%;top:30%}.nav button.active{box-shadow:inset 0 -2px #83c9ff}aside{border-right:0;border-bottom:1px solid #729fff33}}