:root{--ink: #131a24;--ink-soft: #5b6675;--ink-faint: #8d97a5;--line: #e4e7ec;--line-soft: #f0f2f5;--bg: #ffffff;--bg-sunk: #f7f8fa;--accent: #4f46e5;--accent-dark: #4338ca;--accent-soft: #eef2ff;--danger: #dc2626;--danger-soft: #fef2f2;--success: #059669;--success-soft: #ecfdf5;--warning: #b45309;--warning-soft: #fffbeb;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(19, 26, 36, .06), 0 1px 3px rgba(19, 26, 36, .04);--shadow: 0 4px 16px rgba(19, 26, 36, .08);--shadow-lg: 0 18px 48px rgba(19, 26, 36, .16);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.22;font-weight:640;letter-spacing:-.018em}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:.92rem;line-height:1.3;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease;text-decoration:none}.btn:hover:not(:disabled){background:var(--accent-dark);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--bg);color:var(--ink);border-color:var(--line)}.btn.secondary:hover:not(:disabled){background:var(--bg-sunk);border-color:#d3d8e0}.btn.ghost{background:transparent;color:var(--ink-soft)}.btn.ghost:hover:not(:disabled){background:var(--bg-sunk);color:var(--ink)}.btn.danger{background:var(--danger)}.btn.danger:hover:not(:disabled){background:#b91c1c}.btn.small{padding:6px 12px;font-size:.85rem}.btn.large{padding:12px 26px;font-size:1rem}.field{display:block;margin-bottom:18px}.field>label{display:block;font-weight:600;font-size:.86rem;margin-bottom:6px}.field .hint{display:block;color:var(--ink-faint);font-size:.82rem;margin-top:6px}.field .hint.error{color:var(--danger)}.field .hint.ok{color:var(--success)}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);font:inherit;font-size:.93rem;transition:border-color .14s ease,box-shadow .14s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:84px;line-height:1.55}input[type=color]{width:44px;height:36px;padding:3px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:650;letter-spacing:.01em;background:var(--bg-sunk);color:var(--ink-soft);white-space:nowrap}.pill.ok{background:var(--success-soft);color:var(--success)}.pill.draft{background:var(--warning-soft);color:var(--warning)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.alert{padding:11px 14px;border-radius:var(--radius);font-size:.89rem;margin-bottom:18px}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.ok{background:var(--success-soft);color:var(--success)}.empty{text-align:center;padding:56px 24px;color:var(--ink-soft)}.empty h3{color:var(--ink)}.mono{font-family:var(--mono);font-size:.88em}.spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mc-spin .7s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}