*{box-sizing:border-box}body{margin:0;background:#0b1217;color:#dae4e8;font:16px/1.6 system-ui,sans-serif}main{max-width:1320px;margin:auto;padding:40px 28px}header{margin-bottom:32px;border-bottom:1px solid #34505b;padding-bottom:28px}.badge{font:12px monospace;letter-spacing:3px;color:#7fd9c3}h1{font:700 clamp(40px,6vw,70px)/1.1 Georgia,serif;margin:15px 0}h1 em{font-weight:400;color:#efc78f}header p{margin:12px 0 0;color:#9db1bc}.layout{display:grid;grid-template-columns:330px 1fr;gap:26px}aside,.desk{background:#14212a;border:1px solid #314955;border-radius:15px;padding:26px}h2{font:700 23px Georgia,serif;margin:0 0 16px}h3{font-size:16px;color:#efc78f}p{margin:12px 0}ol{padding-left:20px}li{margin:8px 0}code{font-size:13px;color:#a3e8d7}details{border-top:1px solid #314955;padding:13px 0}summary{cursor:pointer;color:#a3e8d7;font-weight:600}details img{max-width:100%;background:white;margin-top:14px}.deskbar{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.deskbar span{font:12px monospace;color:#7fd9c3}.starters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}button{border:1px solid #52737c;background:#223b46;border-radius:6px;padding:9px 14px;color:#e7f3f5;cursor:pointer;font:600 14px system-ui}button:hover{background:#34535e}button:disabled{opacity:.4;cursor:wait}label{display:block;font-size:13px;color:#a5bac5;margin:10px 0 6px}textarea,input{width:100%;border:1px solid #46616c;background:#09151d;color:#e5efe9;border-radius:8px;padding:14px;font:15px/1.6 ui-monospace,monospace}textarea:focus,input:focus,button:focus-visible{outline:2px solid #7fd9c3;outline-offset:2px}#sql{height:150px;resize:vertical}#notes{height:180px;font-size:13px}.actions{display:flex;gap:14px;align-items:center;margin:12px 0 22px}.actions span{font-size:12px;color:#96aab6}#run,#solve button{background:#a3e8d7;color:#0d2526;border-color:#a3e8d7}#results{overflow:auto;max-height:480px;min-height:170px;margin-bottom:22px}.empty{color:#96aab6;padding:24px 0}table{border-collapse:collapse;font-size:13px;width:100%}td,th{text-align:left;vertical-align:top;border:1px solid #34505b;padding:10px;min-width:90px;white-space:pre-wrap}th{background:#243d47;position:sticky;top:0}tbody tr:nth-child(even){background:#192c35}.error{color:#ffb8a6}.success{color:#a3e8d7}#solve{margin-top:20px;padding-top:24px;border-top:1px solid #46616c}.answer{display:flex;gap:10px}.answer input{flex:1;min-width:0}.answer button{white-space:nowrap}#history button{display:block;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px monospace;margin:8px 0}footer{font-size:12px;color:#92a6af;text-align:center;margin-top:30px}a{color:#a3e8d7}@media(max-width:850px){main{padding:22px 14px}.layout{grid-template-columns:1fr}aside,.desk{padding:20px}#notes{height:100px}.deskbar{flex-wrap:wrap}.answer{flex-wrap:wrap}}