:root{color-scheme:dark;--canvas:#090909;--surface:#121212;--surface-raised:#1c1c1c;--ink:#eeeeea;--muted:#a2a2a0;--line:#333;--accent:#e3452c;--accent-soft:#2b1915;--green:#9ed5ad;--green-soft:#18271d;--red:#f0a091;--blue:#a4c8e2;--sidebar:#0c0c0c;--radius:2px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Noto Sans KR Variable,Noto Sans KR,Arial,sans-serif;font-size:14px;line-height:1.6;letter-spacing:-.035em}button,input,select,textarea{font:inherit;letter-spacing:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,h4,p{margin-top:0;word-break:keep-all;overflow-wrap:break-word}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img,svg{vertical-align:middle}a svg,button svg{flex-shrink:0}::selection{background:var(--accent-soft)}table{border-collapse:collapse;width:100%;text-align:left}th{font-weight:400;color:var(--muted);font-size:12px}td,th{padding:16px 18px;border-bottom:1px solid var(--line)}td{font-size:13px}table tr:last-child td{border-bottom:0}td:first-child,th:first-child{padding-left:24px}button{border:0}input,select,textarea{min-width:0}textarea{resize:vertical}.skip-link{position:fixed;z-index:100;left:16px;top:12px;background:var(--ink);color:var(--ink);padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.app-sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);color:var(--muted);padding:30px 18px 22px;display:flex;flex-direction:column;z-index:10}.app-brand{display:flex;align-items:center;gap:11px;padding:0 12px;color:var(--ink);width:max-content;max-width:100%;font:700 20px/1.1 Arial,sans-serif;letter-spacing:-.5px}.brand-product{display:block;font:400 10px/1.2 Arial,sans-serif;letter-spacing:4.1px;margin-top:6px;color:var(--muted)}.sidebar-section-label{margin:52px 14px 16px;font:10px/1.3 Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}.app-sidebar nav{display:grid;gap:6px}.app-sidebar nav>a{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:2px;font-size:13px;min-height:46px;transition:color .18s,background .18s}.app-sidebar nav>a:hover{background:#ffffff08;color:white}.app-sidebar nav>a.is-active{background:#ffffff0e;color:var(--ink)}.app-sidebar nav>a.is-active .ui-icon{color:#e3452c}.nav-active-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;margin-left:auto;background:#e3452c}.sidebar-switch{border-top:1px solid #ffffff13;padding-top:20px;margin-top:30px}.sidebar-switch a{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12px}.sidebar-switch a>svg:last-child{margin-left:auto}.sidebar-switch a:hover{color:white}.sidebar-bottom{margin-top:auto;display:flex;align-items:start;gap:9px;padding:20px 12px 0}.sidebar-status-dot{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#e3452c}.sidebar-bottom strong{font-weight:400;font-size:11px;color:var(--ink)}.sidebar-bottom span:not(.sidebar-status-dot){display:block;font:8px/1.4 Arial,sans-serif;letter-spacing:1px;margin-top:5px;color:var(--muted)}.app-workspace{min-width:0;display:flex;flex-direction:column}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:83px;padding:18px 38px;border-bottom:1px solid var(--line);background:var(--surface)}.workspace-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.workspace-breadcrumb strong{font-weight:400;color:var(--muted)}.workspace-content{padding:38px;flex:1 1;min-width:0;max-width:1680px;width:100%;margin-inline:auto}.app-footer{justify-content:space-between;gap:24px;margin:12px 38px 0;padding:20px 0;border-top:1px solid var(--line);letter-spacing:0}.app-footer,.demo-banner{display:flex;font-size:10px;color:var(--muted)}.demo-banner{align-items:center;gap:8px;padding:8px 38px;background:var(--surface-raised)}.demo-indicator{height:5px;width:5px;border-radius:50%;background:#e3452c}.demo-banner-detail{margin-left:auto;color:var(--muted)}.wallet-controls{position:relative;display:flex;align-items:center;gap:10px;min-width:0}.wallet-controls .button{min-height:36px;padding:8px 13px;font-size:11px}.wallet-identity{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.wallet-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-raised);border:5px solid #e7e7e1}.wallet-loading{font-size:11px;color:var(--muted)}.wallet-error{position:absolute;z-index:20;right:0;top:calc(100% + 10px);width:300px;max-width:80vw;margin:0;padding:14px 16px;background:var(--accent-soft);border:1px solid #654033;border-radius:2px;color:var(--red);font-size:12px;box-shadow:0 8px 30px #1a20100d}.icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--muted)}.icon-button:hover{color:var(--ink);border-color:#999}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:2px;font-size:12px;font-weight:600;line-height:1.5;transition:background .18s,border-color .18s,color .18s;text-align:center}.button-primary{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.button-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button-secondary:hover:not(:disabled){background:var(--surface-raised);border-color:#737373}.button-ghost{background:transparent;color:var(--muted)}.button-ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--ink)}.button-danger{background:var(--accent-soft);color:var(--red);border-color:#654033}.field{display:grid;gap:8px;font-size:12px;color:var(--muted)}.field>label,.field>span{font-weight:600}.input,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--ink);padding:11px 13px;font-size:13px;line-height:1.6}.input:focus,input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#737373}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--muted)}textarea{min-height:108px}.field small{color:var(--muted);font-size:11px}label:has(input[type=checkbox]),label:has(input[type=radio]){display:flex;align-items:center;gap:8px;font-size:12px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1.4;font-weight:400;letter-spacing:-.01em}.badge-neutral{background:var(--surface-raised);color:var(--muted)}.badge-orange{background:var(--accent-soft);color:#f4af91}.badge-green{background:var(--green-soft);color:var(--green)}.badge-blue{background:#17232c;color:var(--blue)}.badge-red{background:var(--accent-soft);color:var(--red)}.ui-icon{display:inline-block;flex-shrink:0}.eyebrow{font:10px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}.empty-state{text-align:center;padding:64px 20px}.empty-state h3{font-size:18px;font-weight:600;margin:20px 0 10px}.empty-state p{max-width:380px;margin:0 auto 22px;font-size:12px;line-height:1.9;color:var(--muted)}.empty-mark{display:inline-grid;place-items:center;height:54px;width:54px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;color:var(--muted)}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 24px;color:var(--muted);font-size:12px}.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:loading-pulse 1s ease infinite alternate}.error-state{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:20px 24px;border:1px solid #654033;border-radius:2px;background:var(--accent-soft);color:var(--red);font-size:13px}.error-state p{margin:0}.form-error{color:var(--red);font-size:12px}.inline-notice{background:var(--surface-raised);padding:12px 16px;border-radius:2px;font-size:12px;color:var(--muted)}.auth-gate{max-width:760px;margin:28px auto 44px;padding:55px 62px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.auth-gate-art{height:76px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:36px}.auth-gate-art>span{font:11px Arial,sans-serif;letter-spacing:3px;color:var(--muted)}.auth-gate h1{font-size:38px;line-height:1.4;font-weight:600;letter-spacing:-1.7px;white-space:pre-line;margin:14px 0 22px}.auth-gate>p:not(.eyebrow):not(.form-error):not(.inline-notice){max-width:470px;line-height:1.9;color:var(--muted);font-size:13px}.auth-gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.auth-gate>small{display:block;color:var(--muted);font-size:10px;margin-top:24px}.standalone-state{padding:100px 24px;max-width:800px;margin:auto}.standalone-state h1{font-size:36px;margin-top:28px}.standalone-state p{color:var(--muted)}@keyframes loading-pulse{0%{opacity:.3}to{opacity:1}}@media(min-width:1700px){.workspace-content{padding:48px 54px}.app-topbar{padding-inline:54px}}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.workspace-content{padding:28px}.app-topbar{padding:18px 28px}.app-brand{font-size:17px;gap:9px}.brand-product{font-size:9px;letter-spacing:3.4px}.demo-banner{padding-inline:28px}}@media(max-width:760px){.app-shell{display:block}.app-sidebar{position:relative;height:auto;padding:18px 18px 0;display:grid;grid-template-columns:1fr auto}.app-brand{padding:0}.app-brand>img{width:27px;height:auto}.sidebar-bottom,.sidebar-section-label{display:none}.app-sidebar nav{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;margin-top:20px;padding-bottom:10px}.app-sidebar nav>a{padding:10px 12px;gap:8px;white-space:nowrap;font-size:11px;min-height:38px}.app-sidebar nav .ui-icon{width:16px;height:16px}.nav-active-dot{display:none}.sidebar-switch{border:0;margin:0;padding:0;align-self:center}.sidebar-switch a{padding:8px 0 8px 12px;font-size:10px;gap:8px}.sidebar-switch a>svg:first-child{display:none}.app-topbar{padding:14px 18px;min-height:66px}.workspace-breadcrumb{font-size:11px;gap:7px}.workspace-breadcrumb>span,.workspace-breadcrumb>svg{display:none}.wallet-controls{gap:7px}.wallet-controls .button{padding:8px 10px;font-size:10px}.wallet-identity{font-size:10px;gap:6px}.wallet-avatar{width:20px;height:20px}.workspace-content{padding:24px 18px}.demo-banner{padding:7px 18px}.demo-banner,.demo-banner-detail{font-size:9px}.app-footer{margin-inline:18px;font-size:8px;gap:12px}.auth-gate{padding:30px 22px;margin:12px 0 28px}.auth-gate h1{font-size:29px}.auth-gate-art{margin-bottom:28px;height:60px}.auth-gate-art>span{font-size:9px;letter-spacing:2px}.auth-gate-actions{display:grid;grid-template-columns:1fr}.auth-gate-actions .button{width:100%}td,th{padding:14px 12px}.error-state{display:block;padding:18px}.error-state .button{margin-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.app-header-actions,.quest-language{display:flex;align-items:center;gap:10px}.quest-language{color:var(--muted,#aaa);flex-shrink:0}.quest-language select{max-width:156px;min-height:38px;color:inherit;background:#151515;border:1px solid #383838;border-radius:6px;padding:6px 9px;font:inherit;font-size:12px;cursor:pointer}.quest-language select:focus-visible{outline:2px solid #e3452c;outline-offset:3px}@media(max-width:600px){.quest-language{gap:5px}.quest-language svg{display:none}.quest-language select{max-width:115px}.launch-header{gap:10px;flex-wrap:wrap}.launch-header-actions{margin-left:auto;gap:8px}.app-topbar{flex-wrap:wrap;gap:12px}}