:root{--bg:#07111d;--deep:#040b13;--panel:#0c1a29;--panel2:#102236;--node:#102437;--line:rgba(147,183,205,.16);--text:#edf5fb;--secondary:#7f96aa;--dim:#748ba0;--mint:#39d4d0;--blue:#4f8cff;--safe:#42d392;--warn:#ffac62;--radius:18px;--shadow:0 22px 55px rgba(0,0,0,.25);font-family:Inter,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 83% 14%,rgba(20,125,146,.13),transparent 28%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.aurora{position:fixed;pointer-events:none;filter:blur(70px);opacity:.22;z-index:-1;border-radius:50%}.aurora-a{width:420px;height:420px;right:8%;top:7%;background:var(--mint)}.aurora-b{width:420px;height:360px;left:25%;bottom:-20%;background:#147d92;opacity:.12}
.app-shell{min-height:100vh;display:flex}.sidebar{width:226px;flex:0 0 226px;background:rgba(3,11,19,.94);border-right:1px solid rgba(150,184,207,.1);display:flex;flex-direction:column;padding:20px 14px 18px}.brand-lockup{display:flex;gap:11px;align-items:center;padding:0 2px 34px}.brand-mark{width:44px;height:44px;border-radius:11px;background:var(--mint);color:#05212b;display:grid;place-items:center;font-size:19px;font-weight:800}.brand-lockup strong,.brand-lockup span{display:block;white-space:nowrap}.brand-lockup strong{font-size:10px;letter-spacing:.12em}.brand-lockup span{font-size:8px;color:var(--dim);letter-spacing:.1em;margin-top:5px}.primary-nav{display:flex;flex-direction:column;gap:7px}.nav-label{font-size:9px;color:var(--dim);letter-spacing:.14em;margin:24px 12px 4px}.nav-item{border:0;background:transparent;text-align:left;border-radius:8px;padding:12px 11px;color:var(--dim);font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:12px;transition:.24s ease}.nav-item:hover{color:var(--text);background:rgba(16,34,54,.75)}.nav-item.is-selected{color:var(--text);background:rgba(20,125,146,.22);box-shadow:inset 2px 0 var(--mint)}.nav-glyph{width:12px;color:var(--dim);font-size:11px}.nav-item.is-selected .nav-glyph{color:var(--mint)}.sidebar-footer{margin-top:auto;border:1px solid var(--line);border-radius:9px;padding:13px 12px;display:flex;gap:9px;align-items:flex-start;background:rgba(16,34,54,.58)}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:9px;color:var(--safe);letter-spacing:.08em}.sidebar-footer small{font-size:9px;color:var(--dim);margin-top:6px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--safe);border-radius:50%;box-shadow:0 0 12px rgba(66,211,146,.6);flex:none}
.workspace{min-width:0;flex:1}.topbar{height:72px;padding:0 34px;border-bottom:1px solid rgba(150,184,207,.1);display:flex;align-items:center;justify-content:space-between;background:rgba(3,11,19,.48);backdrop-filter:blur(18px)}.breadcrumb{font-size:10px;color:var(--dim);letter-spacing:.15em}.topbar-actions{display:flex;gap:12px;align-items:center}.policy-pill,.network-pill{font-size:9px;letter-spacing:.1em;border-radius:999px;padding:9px 14px;border:1px solid var(--line);background:rgba(16,34,54,.56);color:var(--dim)}.policy-pill{border-color:rgba(66,211,146,.75);color:var(--safe);display:flex;align-items:center;gap:8px}.network-pill{border:0}.content{max-width:1440px;margin:0 auto;padding:38px 48px 56px}.state-view{animation:stateIn .42s ease both}@keyframes stateIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-grid,.ready-grid,.active-grid,.verified-grid{display:grid;gap:18px}.hero-grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start}.hero-copy{padding:15px 0}.eyebrow{font-size:10px;color:var(--mint);font-weight:700;letter-spacing:.13em}.hero-copy h1,.state-header h1{font-size:38px;line-height:1.15;margin:16px 0 12px;letter-spacing:-.04em}.hero-copy p,.state-header p{color:var(--secondary);font-size:14px;line-height:1.75;margin:0}.panel-glass{background:linear-gradient(145deg,rgba(16,34,54,.92),rgba(9,24,39,.9));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.trust-spine{padding:22px 22px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dim);font-size:10px;letter-spacing:.1em}.panel-heading>div>strong,.panel-heading>strong{font-size:16px;color:var(--text);letter-spacing:0}.panel-heading>div>small{display:block;color:var(--dim);font-size:10px;margin-top:6px;letter-spacing:0}.status-chip{white-space:nowrap;display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(57,212,208,.65);border-radius:999px;padding:7px 13px;color:var(--mint);font-size:9px;letter-spacing:.1em}.status-chip i{width:6px;height:6px;background:currentColor;border-radius:50%}.status-chip.safe{color:var(--safe);border-color:rgba(66,211,146,.8)}.status-chip.live i{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.5;transform:scale(.84)}50%{opacity:1;transform:scale(1.2)}}
.spine-nodes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.spine-node{padding:15px 13px;border:1px solid var(--line);border-radius:10px;min-height:84px}.spine-node.internal{border-color:rgba(57,212,208,.75)}.spine-node span,.spine-node strong,.spine-node small{display:block}.spine-node span{font-size:9px;color:var(--mint);letter-spacing:.1em}.spine-node strong{font-size:11px;margin-top:11px}.spine-node small{font-size:10px;color:var(--dim);margin-top:7px}.zero-egress{display:flex;justify-content:space-between;border:1px solid rgba(66,211,146,.75);border-radius:9px;padding:11px 13px;margin-top:10px;color:var(--dim);font-size:9px;letter-spacing:.09em}.zero-egress strong{color:var(--safe)}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.metric-grid.four{grid-template-columns:repeat(4,1fr);margin-top:18px}.metric-card{min-height:130px;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(16,34,54,.72);display:flex;flex-direction:column;justify-content:space-between}.metric-card span{font-size:10px;color:var(--dim);letter-spacing:.1em}.metric-card strong{font-size:26px;letter-spacing:-.04em}.metric-card small{font-size:10px;color:var(--dim)}.metric-card.accent{background:linear-gradient(145deg,rgba(20,125,146,.8),rgba(16,34,54,.9));border-color:var(--mint);box-shadow:0 0 30px rgba(57,212,208,.2)}.metric-card.accent strong{color:var(--mint)}.ready-grid{grid-template-columns:minmax(0,1fr) 360px;margin-top:18px}.run-panel,.security-panel{padding:22px}.run-panel kbd{font-size:9px;color:var(--dim);background:transparent;border:0}.prompt-box{width:100%;min-height:84px;margin-top:18px;padding:15px 16px;display:flex;gap:14px;align-items:flex-start;text-align:left;border:1px solid var(--mint);border-radius:9px;background:rgba(2,10,17,.72);font-size:13px;line-height:1.55}.prompt-box:hover{box-shadow:0 0 22px rgba(57,212,208,.18)}.prompt-caret{font-family:ui-monospace,monospace;color:var(--mint);font-size:26px;line-height:1}.tag-row,.example-row{display:flex;gap:8px;margin-top:11px}.tag-row span,.example-row button{border:1px solid var(--line);color:var(--dim);font-size:9px;padding:8px 10px;border-radius:6px;background:rgba(7,17,29,.45);flex:1;white-space:nowrap}.example-row button{cursor:pointer;text-align:left}.example-row button:hover{color:var(--text);border-color:rgba(57,212,208,.55)}.primary-action,.secondary-action{width:100%;border-radius:8px;padding:15px 18px;margin-top:15px;border:1px solid var(--mint);font-weight:700;letter-spacing:.04em}.primary-action{background:var(--mint);color:#05212b;box-shadow:0 0 25px rgba(57,212,208,.2)}.primary-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.security-list{margin:18px 0 0}.security-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(147,183,205,.08)}.security-list dt{font-size:9px;color:var(--dim);letter-spacing:.09em}.security-list dd{font-size:10px;color:var(--mint);margin:0;font-weight:700}.security-list div:nth-child(4) dd,.security-list div:nth-child(5) dd{color:var(--text)}.secure-seal{display:flex;gap:10px;align-items:center;border:1px solid rgba(66,211,146,.72);border-radius:8px;padding:10px;margin-top:14px}.secure-seal b{font-size:21px;color:var(--safe)}.secure-seal strong,.secure-seal small{display:block}.secure-seal strong{font-size:9px;color:var(--dim);letter-spacing:.1em}.secure-seal small{font-size:9px;color:var(--secondary);margin-top:4px}
.state-header{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.state-header h1{font-size:30px;margin:13px 0 9px}.active-grid{grid-template-columns:minmax(0,1fr) 380px;margin-top:24px}.trace-panel,.plan-panel,.evidence-panel{padding:20px}.muted{font-size:9px;color:var(--dim);letter-spacing:.08em}.request-preview{border:1px solid var(--line);background:rgba(2,10,17,.78);padding:13px 14px;border-radius:8px;margin:18px 0 11px}.request-preview span{display:block;font-size:9px;color:var(--dim);letter-spacing:.1em}.request-preview strong{display:block;font-size:11px;margin-top:9px;font-weight:500}.step-list{display:flex;flex-direction:column;gap:10px}.step{display:grid;grid-template-columns:38px 1fr 70px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:12px 13px;min-height:70px;background:rgba(8,20,33,.45);transition:.28s ease}.step.active{border-color:var(--mint);background:rgba(20,125,146,.2);box-shadow:0 0 20px rgba(57,212,208,.12)}.step.done .step-number{border-color:var(--safe);color:var(--safe)}.step-number{width:29px;height:29px;border:1px solid var(--dim);color:var(--dim);border-radius:50%;display:grid;place-items:center;font-size:10px}.step.active .step-number{border-color:var(--mint);color:var(--mint);animation:stepPulse 1.6s ease-in-out infinite}@keyframes stepPulse{50%{transform:scale(1.1);box-shadow:0 0 16px rgba(57,212,208,.4)}}.step-copy strong,.step-copy small{display:block}.step-copy strong{font-size:10px;letter-spacing:.09em}.step-copy small{font-size:10px;color:var(--dim);margin-top:6px}.step-state{font-size:9px;color:var(--dim);text-align:right;letter-spacing:.08em}.step.done .step-state{color:var(--safe)}.step.active .step-state{color:var(--mint)}.active-side{display:flex;flex-direction:column;gap:16px}.plan-panel pre{color:#bde9e7;font-size:10px;line-height:1.9;background:rgba(2,10,17,.74);border:1px solid var(--line);padding:13px;border-radius:8px;overflow:auto;margin:18px 0 10px}.policy-check,.evidence-complete{border:1px solid var(--safe);color:var(--safe);background:rgba(66,211,146,.09);border-radius:7px;padding:10px;font-size:9px;letter-spacing:.08em}.evidence-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin-top:9px}.evidence-row span{font-size:9px;color:var(--mint);letter-spacing:.08em}.evidence-row span small{display:block;color:var(--dim);letter-spacing:0;margin-top:4px}.evidence-row strong{font-size:22px;color:var(--mint)}.evidence-row.proposed span{color:var(--warn)}.evidence-row.proposed strong{color:var(--warn)}.evidence-complete{width:100%;margin-top:9px;text-align:left;cursor:pointer}.evidence-complete b{float:right;font-weight:500}
.verified-grid{grid-template-columns:minmax(0,1fr) 380px;margin-top:18px}.boundary-panel,.result-panel,.ledger-panel{padding:20px}.boundary-diagram{height:240px;display:grid;grid-template-columns:1fr 50px 132px 50px 1fr;align-items:center;position:relative;margin-top:14px}.boundary-node{height:96px;border:1px solid var(--line);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;gap:10px}.boundary-node span{font-size:9px;color:var(--dim);letter-spacing:.1em}.boundary-node strong{font-size:12px;color:var(--blue)}.boundary-node:last-of-type strong{color:var(--safe)}.path-arrow{color:var(--mint);font-size:25px;text-align:center;text-shadow:0 0 14px rgba(57,212,208,.8)}.safe-arrow{color:var(--safe)}.boundary-orb{height:132px;width:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(16,34,54,.8),rgba(7,17,29,.95));border:2px solid var(--mint);box-shadow:0 0 28px rgba(57,212,208,.45);animation:orbSettle 1.8s ease-in-out infinite}.boundary-orb span{font-size:27px;font-weight:700}.boundary-orb small{color:var(--mint);font-size:8px;letter-spacing:.1em;margin-top:4px}@keyframes orbSettle{0%,100%{transform:scale(.97);opacity:.78}50%{transform:scale(1.03);opacity:1}}.sealed{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);color:var(--safe);font-size:9px;white-space:nowrap}.file-card{display:flex;flex-direction:column;gap:8px;background:rgba(16,34,54,.8);border:1px solid var(--line);border-radius:11px;padding:17px;margin-top:18px}.file-card>b{color:var(--mint);font-size:21px}.file-card strong{font-size:12px}.file-card small{font-size:9px;color:var(--dim)}.result-ready{color:var(--safe);font-size:9px;letter-spacing:.08em}.result-checks{list-style:none;padding:0;margin:14px 0 0}.result-checks li{font-size:10px;color:var(--secondary);padding:6px 0}.secondary-action{background:rgba(20,125,146,.17);color:var(--mint);margin-top:8px}.secondary-action:hover{background:rgba(20,125,146,.3)}.ledger-panel{margin-top:18px}.ledger-panel .panel-heading{padding-bottom:12px;border-bottom:1px solid var(--line)}.ledger-row{display:grid;grid-template-columns:110px 40px 1fr 110px;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(147,183,205,.08)}.ledger-row:last-child{border-bottom:0}.ledger-row b{font-size:9px;color:var(--mint);letter-spacing:.09em}.ledger-row:nth-child(5) b{color:var(--warn)}.ledger-row>strong{font-size:13px}.ledger-row span,.ledger-row small{font-size:10px;color:var(--secondary)}.ledger-row small{text-align:right;color:var(--dim)}
.command-palette{position:fixed;inset:0;background:rgba(1,6,11,.72);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:start center;padding-top:15vh}.palette-card{width:min(440px,calc(100vw - 32px));background:#0c1a29;border:1px solid rgba(57,212,208,.5);box-shadow:0 30px 80px rgba(0,0,0,.5);border-radius:14px;padding:14px}.palette-head{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10px;letter-spacing:.1em;padding:8px 8px 14px}.palette-head button{border:0;background:transparent;color:var(--dim);font-size:9px}.palette-card>button:not(.palette-head button){display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:13px 12px;color:var(--secondary);font-size:12px}.palette-card>button:not(.palette-head button):hover{background:rgba(20,125,146,.22);color:var(--text)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#102236;border:1px solid var(--mint);color:var(--text);padding:11px 16px;border-radius:999px;font-size:11px;pointer-events:none;transition:.25s ease;z-index:25}.toast.is-visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1100px){.sidebar{width:190px;flex-basis:190px}.hero-grid{grid-template-columns:1fr}.ready-grid,.verified-grid,.active-grid{grid-template-columns:1fr}.active-side{display:grid;grid-template-columns:1fr 1fr}.metric-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:68px;flex-basis:68px;padding:14px 8px}.brand-lockup{justify-content:center}.brand-lockup>div:last-child,.nav-label{display:none}.nav-item{justify-content:center;padding:12px 4px;font-size:0}.nav-glyph{font-size:14px}.sidebar-footer{padding:9px 7px;justify-content:center}.sidebar-footer div{display:none}.topbar{height:60px;padding:0 16px}.breadcrumb{font-size:8px}.topbar-actions .network-pill{display:none}.policy-pill{font-size:8px;padding:8px 9px}.content{padding:25px 16px 40px}.hero-copy h1{font-size:32px}.hero-copy p{font-size:12px}.metric-grid,.metric-grid.four{grid-template-columns:1fr}.metric-card{min-height:108px}.tag-row{overflow:auto}.tag-row span{min-width:150px}.active-side{display:flex}.state-header{flex-direction:column}.state-header h1{font-size:25px}.boundary-diagram{grid-template-columns:1fr;gap:7px;height:auto;padding:10px 0 30px}.boundary-node{height:66px}.path-arrow{transform:rotate(90deg)}.boundary-orb{margin:auto}.sealed{bottom:0}.ledger-row{grid-template-columns:86px 32px 1fr}.ledger-row small{display:none}.spine-nodes{grid-template-columns:1fr}.example-row{overflow:auto}.example-row button{min-width:100px}.panel-heading{align-items:flex-start}.status-chip{font-size:8px}.file-card strong{word-break:break-all}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}