:root{--sky: #38bdf8;--sky-deep: #0ea5e9;--grape: #a78bfa;--rose: #fb7185;--sun: #fbbf24;--sun-deep: #f59e0b;--mint: #34d399;--ink: #1f2937;--ink-soft: #64748b;--line: #e6ebf3;--card: #ffffff;--paper: #f6f8fc;--radius: 18px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(56, 130, 246, .12);--shadow-lg: 0 18px 50px rgba(80, 90, 160, .18);--font: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:var(--sky-deep);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);font-weight:700;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.55;cursor:not-allowed}.btn{padding:12px 22px;font-size:15px;color:#fff;background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 100%);box-shadow:0 5px #d97706,0 8px 18px #f59e0b59}.btn:active{box-shadow:0 2px #d97706,0 4px 10px #f59e0b59}.btn-sky{background:linear-gradient(180deg,var(--sky) 0%,var(--sky-deep) 100%);box-shadow:0 5px #0284c7,0 8px 18px #0ea5e952;color:#fff}.btn-sky:active{box-shadow:0 2px #0284c7}.btn-ghost{background:#eef2f9;color:var(--ink);box-shadow:none;padding:9px 16px;font-size:14px}.btn-ghost:hover{background:#e3e9f4}.btn-danger{background:linear-gradient(180deg,#fb7185,#e11d48);color:#fff;box-shadow:0 5px #be123c}.input,input[type=text],input[type=password],input[type=number]{width:100%;padding:13px 14px;font-size:15px;font-family:inherit;color:var(--ink);background:#f8fafc;border:2px solid var(--line);border-radius:var(--radius-sm);outline:none;transition:border .15s ease,background .15s ease}.input:focus,input:focus{border-color:var(--sky);background:#fff}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--ink-soft)}.playground-bg{min-height:100%;background:radial-gradient(1200px 600px at 15% 0%,rgba(253,224,71,.35),transparent 55%),radial-gradient(1000px 700px at 100% 100%,rgba(251,113,133,.28),transparent 55%),linear-gradient(135deg,#cfe8ff,#dcd7ff 45%,#f6ddf0)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--sun);color:#7c4a03;box-shadow:0 6px 14px #f59e0b59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}.floaty{animation:floaty 6s ease-in-out infinite}.center-screen{height:100vh;display:grid;place-items:center;color:var(--ink-soft);font-size:16px}textarea.input{display:block}.tree-proj:hover{background:#f1f5f9!important}.tree-proj .tree-actions{opacity:0;transition:opacity .12s ease}.tree-proj:hover .tree-actions{opacity:1}