.cc-root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--bg:#0f1419;--surface:#1a2027;--level1:#232b33;--level2:#2a333c;--divider:#2c353e;--text:#e8edf2;--text2:#9ba7b4;--text3:#6b7885;--primary:#0084ff;--primary-plain:#4da6ff;--primary-soft:#0084ff33;--on-primary:#fff;--success:#2ecc71;--success-soft:#2ecc7129;--danger:#e74c3c;--danger-soft:#e74c3c29;--warning:#f39c12;--warning-soft:#f39c1229;--neutral:#95a5a6;--neutral-soft:#95a5a624;--btn-bg:linear-gradient(135deg, #0084ff, #22b0ff 55%, #00e0c6);--radius:16px;--radius-sm:10px;--radius-xs:8px;--pill:99px;--card-shadow:0 1px 2px #00000059;--card-hover-shadow:0 16px 40px -14px #0009;--shadow-md:0 12px 30px -12px #0009;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px}.cc-root[data-theme=light]{--bg:#f5f7fa;--surface:#fff;--level1:#f1f3f6;--level2:#e9edf2;--divider:#e3e8ef;--text:#111418;--text2:#5b6b7a;--text3:#8a96a3;--primary-plain:#06c;--primary-soft:#e3f2fd;--success-soft:#e8f8f0;--danger-soft:#fdecea;--warning-soft:#fef5e7;--neutral-soft:#eef1f4;--card-shadow:0 1px 2px #1018280f;--card-hover-shadow:0 18px 42px -16px #10182838;--shadow-md:0 12px 30px -12px #1018282e}.cc-root *{box-sizing:border-box}.cc-btn{background:var(--btn-bg);color:var(--on-primary);border-radius:var(--pill);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:filter .15s,transform 80ms;display:inline-flex;box-shadow:0 8px 22px -9px #0084ff99}.cc-btn:hover{filter:brightness(1.08)}.cc-btn:active{transform:translateY(1px)}.cc-btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}.cc-btn[data-size=sm]{padding:6px 13px;font-size:13px}.cc-gbtn{color:var(--text);border:1px solid var(--divider);border-radius:var(--pill);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform 80ms,border-color .15s;display:inline-flex}.cc-gbtn:hover{background:var(--level2);color:var(--text)}.cc-gbtn:active{transform:translateY(1px)}.cc-gbtn:disabled{opacity:.45;cursor:not-allowed}.cc-gbtn[data-size=sm]{padding:6px 13px;font-size:13px}.cc-gbtn[data-active=true]{background:var(--primary-soft);color:var(--primary-plain);border-color:var(--primary)}.cc-gbtn[data-tone=danger]{color:var(--danger);border-color:var(--danger-soft)}.cc-pill{border-radius:var(--pill);background:var(--neutral-soft);color:var(--text2);align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.cc-pill[data-tone=primary]{background:var(--primary-soft);color:var(--primary-plain)}.cc-pill[data-tone=success]{background:var(--success-soft);color:var(--success)}.cc-pill[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.cc-pill[data-tone=warning]{background:var(--warning-soft);color:var(--warning)}.cc-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:20px 22px;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s}.cc-card[data-clickable=true]{cursor:pointer}.cc-card[data-clickable=true]:hover{box-shadow:var(--card-hover-shadow), 0 0 0 1.5px #00c2ff;border-color:#0000;transform:translateY(-3px)}.cc-input{background:var(--level1);width:100%;color:var(--text);border:1px solid var(--divider);border-radius:var(--radius-sm);outline:none;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.cc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.cc-input::placeholder{color:var(--text3)}textarea.cc-input{resize:vertical;min-height:64px}.cc-nav{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.cc-nav:hover{background:var(--level1);color:var(--text)}.cc-nav[data-active=true]{background:var(--primary-soft);color:var(--primary-plain)}.cc-tab{color:var(--text2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:20px;padding:12px 2px;font-family:inherit;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.cc-tab:hover{color:var(--text)}.cc-tab[data-active=true]{color:var(--primary-plain);border-bottom-color:var(--primary)}.cc-seg{border-radius:var(--pill);border:1px solid var(--divider);color:var(--text2);cursor:pointer;background:0 0;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.cc-seg[data-active=true]{background:var(--primary-soft);color:var(--primary-plain);border-color:var(--primary)}.cc-step{gap:12px;display:flex}.cc-step .cc-dotwrap{flex-direction:column;align-items:center;display:flex}.cc-dot{border:2px solid var(--divider);width:26px;height:26px;color:var(--text3);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.cc-bar{background:var(--divider);flex:1;width:2px;min-height:14px;margin:4px 0}.cc-step[data-state=done] .cc-dot{background:var(--success);border-color:var(--success);color:#fff}.cc-step[data-state=done] .cc-bar{background:var(--success)}.cc-step[data-state=active] .cc-dot{border-color:var(--primary);color:var(--primary);animation:1.3s ease-in-out infinite ccpulse}.cc-step[data-state=todo] .cc-lbl{color:var(--text3)}.cc-step:last-child .cc-bar{display:none}.cc-progress{background:var(--level1);border-radius:99px;height:6px;overflow:hidden}.cc-progress>i{background:var(--btn-bg);border-radius:99px;height:100%;display:block}.cc-plan[data-cur=true]{border-color:#0000;box-shadow:0 0 0 1.5px #00c2ff}.cc-wordmark{letter-spacing:-.01em;background:linear-gradient(120deg, var(--primary), #00e0c6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.cc-link{color:var(--primary-plain);cursor:pointer;text-decoration:none}.cc-link:hover{text-decoration:underline}.cc-mono{font-family:var(--mono);background:var(--level1);border-radius:var(--radius-sm);color:var(--text2);white-space:pre-wrap;word-break:break-all;padding:12px 14px;font-size:13px}.cc-root ::-webkit-scrollbar{width:10px;height:10px}.cc-root ::-webkit-scrollbar-thumb{background:var(--divider);background-clip:content-box;border:2px solid #0000;border-radius:8px}.cc-root ::-webkit-scrollbar-track{background:0 0}@keyframes ccpulse{0%,to{box-shadow:0 0 0 0 var(--primary-soft)}50%{box-shadow:0 0 0 7px #0000}}@keyframes ccfade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ccspin{to{transform:rotate(360deg)}}.cc-fade{animation:.4s cubic-bezier(.2,.7,.3,1) both ccfade}.cc-spin{animation:.8s linear infinite ccspin}.cc-nav.active{background:var(--primary-soft);color:var(--primary-plain)}html,body,#root{margin:0;padding:0}html,body{background:var(--bg,#0f1419)}#root{min-height:100vh}.cc-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:start center;padding:48px 16px;animation:.15s ccfade;display:grid;position:fixed;inset:0;overflow-y:auto}.cc-modal{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);padding:24px}.cc-modal-x{color:var(--text2);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:4px 9px;font-size:15px;line-height:1}.cc-modal-x:hover{background:var(--level2);color:var(--text)}.cc-pulse{animation:1.2s ease-in-out infinite ccskeleton}@keyframes ccskeleton{0%,to{opacity:.55}50%{opacity:.28}}