/* Tong Buku — final public visual system. Taurus remains the internal architecture name. */
:root{
  --bg:#050811;--bg-soft:#080e18;--panel:#0c1421;--panel-2:#111c2b;--panel-3:#172438;
  --line:#21324b;--line-bright:#34557f;--text:#f4f6f8;--muted:#9aa8bb;--subtle:#64758d;
  --cyan:#7cffe6;--cyan-soft:#0d3d3b;--violet:#2563ff;--violet-soft:#132c6b;--amber:#ffb020;--red:#ff6172;
  --shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(52,85,127,.08);--radius:20px;
  font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body{background:#050811}.app-shell{background:radial-gradient(circle at 85% -8%,rgba(37,99,255,.2),transparent 30%),radial-gradient(circle at 18% -10%,rgba(124,255,230,.09),transparent 28%),linear-gradient(145deg,#050811 0%,#07101c 54%,#050811 100%)}
.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 65%,rgba(37,99,255,.025) 65% 66%,transparent 66% 100%);background-size:48px 48px;opacity:.55}
.sidebar{background:linear-gradient(180deg,rgba(5,8,17,.97),rgba(7,12,22,.94));border-right-color:#1e3049;box-shadow:14px 0 50px rgba(0,0,0,.2)}
.brand-block{gap:13px;padding:4px 5px 25px}.brand-mark{width:52px;height:52px;padding:0;border:0;border-radius:0;background:url('/icons/tong-buku-mark.svg') center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(37,99,255,.32))}.brand-mark span{display:none}.brand-name{font-size:0;line-height:1}.brand-name:after{content:"Tong\00a0";font-size:18px;color:#f4f6f8;font-weight:650;letter-spacing:-.025em}.brand-name:before{content:"Buku";font-size:18px;color:#2563ff;font-weight:720;letter-spacing:-.025em;float:right}.brand-sub{font-size:0;margin-top:7px}.brand-sub:after{content:"GRAB.  MOVE.  ORGANIZE.";font-size:8px;letter-spacing:.22em;font-weight:750;color:#7cffe6}
.new-project-button{border-color:#2a4770;background:linear-gradient(180deg,rgba(19,37,63,.96),rgba(8,16,28,.96));box-shadow:inset 0 1px rgba(255,255,255,.03)}.new-project-button:hover{border-color:#2563ff;box-shadow:0 0 28px rgba(37,99,255,.14)}
.project-item:hover,.project-item.active{background:linear-gradient(90deg,rgba(37,99,255,.13),rgba(11,20,33,.75));border-color:#29466d}.project-item.active{box-shadow:inset 3px 0 0 #2563ff}.project-item.active .project-dot{background:#7cffe6;box-shadow:0 0 14px #7cffe6}
.topbar{background:rgba(5,8,17,.83);border-bottom-color:#1d2d44}.mode-tabs{background:rgba(6,10,18,.94);border-bottom-color:#1e3049}.mode-tab.active:after{background:linear-gradient(90deg,#7cffe6,#2563ff,#ffb020);box-shadow:0 0 14px rgba(37,99,255,.5)}
.kicker{color:#7cffe6}.primary-button{background:linear-gradient(135deg,#1d55ef,#2f79ff);color:#fff;box-shadow:0 10px 32px rgba(37,99,255,.24),inset 0 1px rgba(255,255,255,.2)}.primary-button:hover{box-shadow:0 14px 38px rgba(37,99,255,.32)}.secondary-button{background:linear-gradient(180deg,#111c2b,#0a111d);border-color:#2b4263}.secondary-button:hover{border-color:#4a7bd0;background:#13213a}
.capture-card,.note-card,.spec-card,.revision-card,.make-status-card,.connection-card,.agent-card,.wake-card{background:linear-gradient(180deg,rgba(17,28,43,.96),rgba(7,13,23,.98));border-color:#243b5a}.capture-card{position:relative;overflow:hidden}.capture-card:after{content:"";position:absolute;inset:auto -20% -45% 25%;height:65%;background:radial-gradient(ellipse,rgba(37,99,255,.18),transparent 62%);pointer-events:none}.waveform span{background:linear-gradient(180deg,#7cffe6,#2563ff)}.record-ring{border-color:#31537e;background:#07101c;box-shadow:inset 0 0 0 8px #0d1929,0 12px 38px rgba(0,0,0,.48),0 0 28px rgba(37,99,255,.1)}
textarea,input,select{background:#07101a!important;border-color:#273e5e!important}.spec-card textarea{background:#050a12!important}
.queue-item,.library-item{background:linear-gradient(180deg,#0b1421,#07101a);border-color:#203854}.artifact-empty{background:radial-gradient(circle at 50% 45%,rgba(37,99,255,.12),transparent 40%),linear-gradient(180deg,#0a1320,#060b13);border-color:#31537e}.artifact-glyph{color:#7cffe6;text-shadow:0 0 22px rgba(124,255,230,.45)}
.empty-state.tong-buku-welcome{max-width:1240px;min-height:calc(100vh - 205px);display:grid;grid-template-columns:minmax(360px,.78fr) minmax(500px,1.22fr);gap:28px;text-align:left;align-items:stretch}.welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 12px}.welcome-lockup{width:min(460px,94%);height:auto;margin-bottom:28px}.empty-state.tong-buku-welcome h2{font-size:clamp(46px,5.6vw,78px);line-height:.94;margin:12px 0 22px;max-width:650px}.empty-state.tong-buku-welcome p:not(.kicker){font-size:16px;max-width:590px;margin:0 0 28px}.welcome-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.welcome-promise{display:flex;gap:16px;margin-top:34px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.welcome-promise span{display:flex;align-items:center;gap:7px}.welcome-promise span:before{content:"";width:7px;height:7px;border-radius:50%;background:#7cffe6;box-shadow:0 0 12px #7cffe6}.welcome-visual{position:relative;border:1px solid #28456c;border-radius:28px;overflow:hidden;min-height:600px;background:#07101a radial-gradient(circle at 70% 30%,rgba(37,99,255,.28),transparent 31%);box-shadow:0 36px 110px rgba(0,0,0,.55),0 0 60px rgba(37,99,255,.08)}.welcome-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,255,230,.07),transparent 30%),linear-gradient(160deg,transparent 0 52%,rgba(37,99,255,.18) 52% 53%,transparent 53% 58%,rgba(37,99,255,.1) 58% 59%,transparent 59%),radial-gradient(circle at 50% 72%,rgba(37,99,255,.22),transparent 33%)}.welcome-visual:after{content:"";position:absolute;width:62%;aspect-ratio:1.85;left:19%;top:22%;border:2px solid rgba(124,255,230,.38);border-radius:30px;box-shadow:0 0 36px rgba(37,99,255,.28),inset 0 0 50px rgba(37,99,255,.1);transform:perspective(700px) rotateX(8deg) rotateY(-8deg);background:url('/icons/tong-buku-lockup.svg') center 42%/72% auto no-repeat,linear-gradient(180deg,rgba(5,10,18,.88),rgba(9,18,31,.76))}.welcome-visual-badge{position:absolute;left:24px;bottom:22px;right:24px;padding:16px 18px;border:1px solid rgba(124,255,230,.2);border-radius:14px;background:rgba(5,10,18,.72);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-visual-badge strong{font-size:13px}.welcome-visual-badge span{font-size:10px;color:#9aa8bb}.welcome-visual-badge i{width:10px;height:10px;border-radius:50%;background:#7cffe6;box-shadow:0 0 14px #7cffe6}
@media(max-width:980px){.empty-state.tong-buku-welcome{grid-template-columns:1fr;min-height:auto}.welcome-copy{padding:26px 0 0}.welcome-visual{min-height:460px}.welcome-lockup{width:min(420px,90%)}}
@media(max-width:720px){.brand-mark{width:42px;height:42px}.welcome-visual{min-height:350px;border-radius:20px}.welcome-promise{gap:10px;flex-direction:column}.empty-state.tong-buku-welcome h2{font-size:44px}}