@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--bg:#fff;--panel:#fcfbff;--card:#faf7ff;--ink:#171831;--muted:#77658f;--line:#e6dcfa;--blue:#792bff;--soft:#eee6ff;--white:#fff;--gradient:linear-gradient(105deg,#4936ff 0%,#7928ff 48%,#c875df 100%);--gradient-hover:linear-gradient(105deg,#3e2ce7,#6a20e7 48%,#b960d2);--action-ink:#fff;--good:#176851;--good-bg:#e8f5ef;--warn:#86601a;--warn-bg:#fff3dc;--shadow:0 8px 30px #49307806}
:root[data-theme=dark]{color-scheme:dark;--bg:#130f1d;--panel:#20192c;--card:#292136;--ink:#f8f6ff;--muted:#b7accb;--line:#413651;--blue:#c7a7ff;--soft:#35264f;--white:#20192c;--gradient:linear-gradient(105deg,#b4a4ff 0%,#dea1e4 62%,#a3b8f3 100%);--gradient-hover:linear-gradient(105deg,#c3b6ff,#e8b4ed 62%,#b6c8ff);--action-ink:#19152e;--good:#8fcbb3;--good-bg:#1b3832;--warn:#e7c27c;--warn-bg:#3c3020;--shadow:0 12px 36px #0002}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 Montserrat,'Noto Sans KR',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:10px;top:-100px;z-index:5;background:var(--panel);padding:12px}.skip:focus{top:10px}.prototype{padding:7px 20px;background:var(--card);text-align:center;color:var(--muted);font-size:10px;letter-spacing:1.2px;font-weight:700}.prototype span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:15px}header{background:var(--panel);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;padding:14px 28px}.brand{display:flex;gap:10px;align-items:center;font-size:29px;line-height:1;font-weight:700;letter-spacing:-1px}.orb{border:2px solid var(--blue);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:0;position:relative}.orb:after{content:'';width:17px;height:17px;border:2px solid var(--blue);border-radius:50%;transform:translate(5px,-3px)}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:600}nav{display:flex;gap:30px}nav a{padding:14px 0;color:var(--muted);font-weight:500}nav a.active{color:var(--blue);box-shadow:0 3px var(--blue)}.button,button.tab{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:16px;padding:11px 17px;background:var(--gradient);color:var(--action-ink);border:1px solid transparent;font-weight:500;font-size:13px}.button.outline{background:var(--panel);color:var(--ink);border-color:var(--line)}.button.small{padding:8px 12px;font-size:12px}.button:hover{filter:brightness(.96)}main{max-width:1200px;margin:auto;padding:34px 28px 64px;min-height:60vh}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--blue);text-transform:uppercase}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}h1{font-size:30px;letter-spacing:-1.1px;margin:6px 0}h2{font-size:18px;letter-spacing:-.5px;margin:0 0 5px}h3{font-size:14px;margin:0 0 8px}p{margin:4px 0 12px}.muted,.sub{color:var(--muted);font-size:12px}.page-title p{color:var(--muted);font-size:13px;margin:0}.pill{display:inline-block;border-radius:4px;background:var(--soft);color:var(--blue);padding:3px 8px;font-size:10px;font-weight:600;white-space:nowrap}.pill.gray{background:var(--soft);color:var(--muted)}.pill.green{background:var(--good-bg);color:var(--good)}.pill.amber{background:var(--warn-bg);color:var(--warn)}.vote{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:1px solid var(--line);background:linear-gradient(110deg,var(--soft),var(--panel));border-radius:20px;margin-bottom:26px}.vote h2{margin:8px 0 2px;font-size:18px}.vote p{margin:0;color:var(--muted);font-size:12px}.vote-actions{display:flex;gap:15px;align-items:center;flex-shrink:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.text-link{color:var(--blue);font-size:12px;font-weight:500}.grid{display:grid;gap:18px}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:25px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.metrics .card{background:var(--card)}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:13px 0 8px}.metric-value small{font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted)}.metric-foot{font-size:11px;color:var(--muted)}.metric-foot b{color:var(--good);font-weight:500}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);margin-bottom:26px}.personal{background:linear-gradient(135deg,var(--soft),var(--card));color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:22px;border:1px solid var(--line)}.personal p{color:var(--muted);font-size:13px}.personal .eyebrow{color:var(--blue)}.personal .button{background:var(--gradient);color:var(--action-ink);border-color:transparent;align-self:flex-start}.personal h2{font-size:22px;margin:10px 0}.chart{height:165px;width:100%;display:block}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:10px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{background:var(--card);border:0;border-radius:999px;padding:6px 11px;color:var(--muted);font-size:11px}.tabs button.active{background:var(--soft);color:var(--blue)}.news-grid{grid-template-columns:1.5fr 1fr;margin-bottom:26px}.article{display:block;padding:17px 0;border-bottom:1px solid var(--line)}.article:last-child{border:0;padding-bottom:0}.article h3{margin:5px 0;font-size:14px}.article p{font-size:12px;color:var(--muted);margin:0}.article:hover h3{color:var(--blue)}.meta{display:flex;gap:10px;font-size:10px;color:var(--muted)}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick{padding:19px 22px;display:flex;justify-content:space-between;align-items:center}.quick span{font-size:20px;color:var(--blue)}.quick p{margin:3px 0 0;font-size:11px;color:var(--muted)}.notice{background:var(--card);padding:13px 17px;border-radius:7px;font-size:12px;color:var(--muted);margin-bottom:22px}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.toolbar input,select{border:1px solid var(--line);background:var(--panel);padding:10px 12px;border-radius:16px;color:var(--ink)}.guardian-grid{grid-template-columns:repeat(3,1fr)}.guardian-icon{width:42px;height:42px;background:var(--soft);border-radius:12px;color:var(--blue);display:grid;place-items:center;font-weight:600;margin-bottom:16px}.guardian-card h2{margin-bottom:5px}.guardian-card dl{margin:20px 0}.guardian-card dl div,.detail-list div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0;font-size:12px}dt{color:var(--muted)}dd{margin:0}.guardian-card .button{width:100%}.empty{padding:50px;text-align:center;color:var(--muted);grid-column:1/-1}.stack{display:grid;gap:18px}.chain-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.chain-row strong{display:block}.chain-row .amount{text-align:right}.activity{padding:15px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity p{font-size:12px;margin:5px 0 0}.resource-grid{grid-template-columns:repeat(2,1fr)}.resource{border-top:1px solid var(--line);padding:16px 0}.resource:last-child{padding-bottom:0}.resource p{font-size:12px;color:var(--muted);margin:4px 0 10px}.resource-links{display:flex;gap:15px;flex-wrap:wrap}.resource-links a{font-size:12px;color:var(--blue)}.back{display:inline-block;margin-bottom:20px;color:var(--muted);font-size:12px}footer{background:var(--panel);border-top:1px solid var(--line);padding:40px 28px 20px}.footer-inner{max-width:1144px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:35px}.footer-inner h3{font-size:12px;margin-bottom:15px}.footer-inner a:not(.brand){display:block;font-size:12px;color:var(--muted);padding:4px 0}.footer-inner p{font-size:12px;color:var(--muted);margin-top:17px}.footer-inner summary{font-size:11px;color:var(--muted);cursor:pointer;margin-top:9px}.footer-bottom{max-width:1144px;margin:30px auto 0;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.section{margin-bottom:26px}.demo-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.demo-controls select{font-size:11px;padding:7px}.detail-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.detail-heading .guardian-icon{margin:0}.filter-count{margin-bottom:15px}.prose{max-width:760px}.prose p{margin:15px 0}.space{margin-top:20px}@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:space-between;gap:10px}nav a{padding:8px 0}.metrics{grid-template-columns:repeat(2,1fr)}.guardian-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:repeat(2,1fr)}.two-col,.news-grid{grid-template-columns:1fr 1fr}.page-title{align-items:flex-start}.vote-actions{flex-direction:column;gap:6px}}@media(max-width:600px){body{font-size:13px}.prototype span{display:block;margin:2px 0 0;font-size:10px}.header-inner{padding:16px 18px}.brand{font-size:25px}.header-inner>.button{font-size:10px;padding:7px}main{padding:25px 18px 40px}h1{font-size:25px}.page-title{display:block}.page-title>.demo-controls,.page-title>select{margin-top:15px}.vote{padding:18px;display:block}.vote h2{font-size:16px}.vote-actions{margin-top:15px;flex-direction:row;justify-content:space-between}.metrics{gap:10px}.card{padding:18px}.metric-value{font-size:25px}.metric-label{font-size:11px}.metric-foot{font-size:10px}.two-col,.news-grid,.guardian-grid,.resource-grid,.quick-grid{grid-template-columns:1fr}.personal{gap:8px}.footer-inner{gap:25px 18px}.footer-inner>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.section-head{align-items:flex-start}.chain-row{flex-wrap:wrap}.toolbar input{width:100%}.toolbar select{flex:1}.vote-actions .button{font-size:11px}footer{padding:30px 18px}.chart{height:145px}}

/* Shared Orbs skin: Analytics palette + Playground gradient/control shapes. */
.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink)}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}
.brand{gap:0;align-items:flex-start;flex-direction:column}.brand-logo{display:block;width:113px;height:34px}.brand-sub{margin:8px 0 0 1px;font-size:8px;letter-spacing:1.6px;color:var(--muted)}[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}
nav{gap:8px}nav a{padding:9px 16px;border-radius:999px}nav a.active{box-shadow:none;background:var(--soft);color:var(--blue)}nav a:hover{background:var(--card)}
.button:hover{filter:none;background:var(--gradient-hover)}.button.outline:hover{background:var(--soft)}.personal .button:hover{background:var(--gradient-hover)}
.pill{border-radius:999px}.guardian-icon{background:var(--gradient);color:var(--action-ink);border-radius:16px}.quick:hover{background:var(--card);border-color:var(--blue)}.footer-inner a:hover{color:var(--blue)}
h1{font-weight:600}h2{font-weight:600}.metric-value{font-weight:600;letter-spacing:-1.3px}.chart polyline{stroke:var(--blue)}.chart line{stroke:var(--line)}.chart stop{stop-color:var(--blue)}
::selection{background:var(--soft);color:var(--ink)}html{scrollbar-color:var(--muted) var(--bg)}
@media(max-width:900px){nav a{padding:9px 16px}.header-actions{margin-left:auto}}
@media(max-width:600px){.header-inner{gap:18px 8px}.header-actions{gap:7px}.header-actions .button{font-size:10px;padding:8px 10px}.brand-logo{width:96px;height:auto}.brand-sub{font-size:7px}nav{gap:4px}nav a{padding:9px 11px;font-size:12px}.theme-toggle{width:38px;height:38px}.chart+.chart-labels{margin-top:4px}}
@media(prefers-reduced-motion:no-preference){body,header,footer,.card,.vote,.button,nav a,.theme-toggle{transition:background-color .15s,color .15s,border-color .15s}}

main:focus{outline:none}
@media(max-width:600px){#chart-content>.section-head{flex-wrap:wrap;gap:12px}#chart-content .tabs{flex-wrap:nowrap}.metric-foot{overflow-wrap:break-word}}