:root{--bg:oklch(97% 0.012 85);--surface:oklch(99% 0.004 85);--border:oklch(88% 0.016 85);--text:oklch(22% 0.02 250);--text-muted:oklch(50% 0.02 250);--accent:oklch(53% 0.15 230);--accent-dark:oklch(41% 0.15 230);--accent-soft:oklch(93% 0.05 230);--warn:oklch(66% 0.16 65);--warn-soft:oklch(94% 0.06 65);--danger:oklch(56% 0.19 25);--danger-soft:oklch(94% 0.07 25);--success:oklch(60% 0.14 150);--success-soft:oklch(93% 0.06 150);--tab-1:oklch(64% 0.12 220);--tab-1-soft:oklch(94% 0.035 220);--tab-2:oklch(63% 0.13 95);--tab-2-soft:oklch(92% 0.07 95);--tab-3:oklch(66% 0.13 150);--tab-3-soft:oklch(94% 0.045 150);--tab-4:oklch(61% 0.08 65);--tab-4-soft:oklch(91% 0.045 65);--tab-5:oklch(67% 0.16 45);--tab-5-soft:oklch(94% 0.06 45);--tab-6:oklch(62% 0.1 108);--tab-6-soft:oklch(91% 0.055 108);--row-sand:oklch(97.8% 0.014 65);--row-sand-alt:oklch(97.3% 0.014 100);--crepon:oklch(93.5% 0.028 75);--crepon-border:oklch(83% 0.035 75);--crepon-hover:oklch(90% 0.038 75);--tab-1-dark:oklch(42% 0.13 220);--tab-2-dark:oklch(42% 0.15 95);--tab-3-dark:oklch(44% 0.14 150);--tab-4-dark:oklch(39% 0.08 65);--tab-5-dark:oklch(45% 0.17 45);--tab-6-dark:oklch(40% 0.1 108);--key-face:oklch(62% 0.1 100);--key-face-riser:oklch(88% 0.045 100);--key-active-face:oklch(38% 0.075 55);--key-active-riser:oklch(58% 0.07 55)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Public Sans,system-ui,sans-serif}.display,h1,h2,h3{font-family:Space Grotesk,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface);color:var(--text);width:100%}textarea{resize:vertical;min-height:70px;line-height:1.5}.field-soft{border-color:transparent;background:transparent;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.field-soft:hover{border-color:var(--border);background:var(--surface)}.field-soft:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.pill-key{position:relative;border:none;border-radius:14px;padding:10px 18px;font-weight:700;font-size:12px;color:var(--text);cursor:pointer;flex-shrink:0;white-space:nowrap;background:var(--k-soft);box-shadow:inset 0 1px 0 oklch(100% 0 0/.55),0 10px 0 var(--k-base),0 15px 16px oklch(20% 0 0/.16);outline:none;transform:translateY(0);transition:transform .12s cubic-bezier(.25,.8,.35,1),box-shadow .12s cubic-bezier(.25,.8,.35,1),background .12s ease,color .12s ease}.pill-key:focus-visible{outline:2px solid var(--k-dark);outline-offset:3px}.pill-key:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 oklch(100% 0 0/.6),0 11px 0 var(--k-base),0 17px 18px oklch(20% 0 0/.18)}.pill-key.is-active,.pill-key:active{background:var(--k-base);color:#fff;transform:translateY(6px);box-shadow:inset 0 2px 5px oklch(0 0 0/.25),0 4px 0 var(--k-dark)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:9px;font-weight:700}.btn-primary,.btn-secondary{padding:11px 18px;font-size:13px}.btn-secondary{background:transparent;border:1px solid var(--border);border-radius:9px}.btn-crepon,.btn-secondary{color:var(--text);font-weight:600}.btn-crepon{display:inline-flex;align-items:center;background:var(--crepon);border:1px solid var(--crepon-border);border-radius:9px;padding:6px 12px;font-size:12px;text-decoration:none;cursor:pointer;transition:background .12s ease,transform .12s ease}.btn-crepon:hover{background:var(--crepon-hover);transform:translateY(-1px)}.btn-accent{display:inline-flex;align-items:center;border:none;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;background:var(--btn-color);box-shadow:0 2px 6px oklch(20% 0 0/.16);text-decoration:none;transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}.btn-accent:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 10px oklch(20% 0 0/.2)}.btn-accent:disabled{opacity:.6;cursor:default;transform:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px}.doc-type-card{transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.doc-type-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,20,30,.07);border-color:var(--accent)}.field-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:block}