html,body,#root{height:100%}body{margin:0;background:#0c0e14}.binder-root{--ink-950: #0c0e14;--ink-900: #14161f;--ink-800: #1c1f2c;--ink-700: #262a3a;--ink-600: #333850;--paper: #e9e7e0;--muted: #8b8fa3;--foil-a: #7dd3fc;--foil-b: #f0abfc;--foil-c: #fde68a;--danger: #f87171;--good: #34d399;--warn: #fbbf24;background:var(--ink-950);color:var(--paper);font-family:Inter,system-ui,sans-serif;min-height:100%;box-sizing:border-box;padding:28px 20px 60px;background-image:radial-gradient(circle at 15% 0%,rgba(125,211,252,.05),transparent 40%),radial-gradient(circle at 85% 15%,rgba(240,171,252,.04),transparent 40%)}.binder-root *{box-sizing:border-box}.binder-eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.binder-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:40px;letter-spacing:.01em;line-height:1;margin:4px 0 22px;background:linear-gradient(90deg,var(--paper),var(--paper) 70%,var(--foil-a));-webkit-background-clip:text;background-clip:text}.binder-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ink-700);margin-bottom:24px;overflow-x:auto;overflow-y:hidden}.binder-tab{display:flex;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;padding:10px 16px;color:var(--muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transform:translateY(1px);white-space:nowrap}.binder-tab.active{color:var(--paper);border-bottom:2px solid var(--foil-a)}.binder-card{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:10px}.binder-input,.binder-select{background:var(--ink-800);border:1px solid var(--ink-600);color:var(--paper);border-radius:6px;padding:7px 10px;font-size:13.5px;font-family:Inter,sans-serif;outline:none}.binder-input:focus,.binder-select:focus{border-color:var(--foil-a)}.binder-input::placeholder{color:var(--muted)}.binder-mono{font-family:JetBrains Mono,monospace}.binder-btn{display:inline-flex;align-items:center;gap:6px;font-family:Barlow Condensed,sans-serif;font-weight:600;letter-spacing:.02em;font-size:15px;padding:7px 13px;border-radius:6px;border:1px solid var(--ink-600);background:var(--ink-800);color:var(--paper);cursor:pointer;white-space:nowrap}.binder-btn:hover{border-color:var(--foil-a)}.binder-btn.primary{background:linear-gradient(90deg,var(--foil-a),var(--foil-b));color:var(--ink-950);border:none}.binder-btn.ghost{background:none;border:1px dashed var(--ink-600)}.binder-btn.small{padding:4px 9px;font-size:12.5px}.binder-btn.active-filter{border-color:var(--foil-a);color:var(--foil-a)}.binder-icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center}.binder-icon-btn:hover{color:var(--danger)}.binder-chip{font-family:JetBrains Mono,monospace;font-size:10.5px;padding:2px 7px;border-radius:999px;background:var(--ink-800);border:1px solid var(--ink-600);color:var(--muted);white-space:nowrap}.binder-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--ink-800);font-size:13.5px;flex-wrap:wrap}.binder-row:last-child{border-bottom:none}.row-break{display:none}.binder-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.binder-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stepper-btn{width:20px;height:20px;border-radius:4px;padding:0;border:1px solid var(--ink-600);background:var(--ink-800);color:var(--paper);cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper-btn:hover{border-color:var(--foil-a)}.card-tile{width:224px;padding:12px;display:flex;flex-direction:column;min-width:0}.card-tile-name{font-size:11.5px;line-height:1.25;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.holo-panel{position:relative;border-radius:12px;padding:22px 22px 18px;overflow:hidden;background:var(--ink-900);border:1px solid var(--ink-700)}.holo-sweep{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,var(--foil-a),var(--foil-b),var(--foil-c),var(--foil-a));opacity:.12;animation:holo-spin 9s linear infinite}@keyframes holo-spin{to{transform:rotate(360deg)}}.holo-content{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.holo-sweep{animation:none}}@media (max-width: 640px){.binder-root{padding:18px 12px 50px}.binder-title{font-size:30px;margin-bottom:16px}.binder-tab{font-size:16px;padding:9px 12px}.card-tile{width:165px;padding:10px}.binder-storage-tile{width:100%!important}.binder-row{font-size:13px}.row-break{display:block;flex-basis:100%;height:0}}@media (min-width: 900px){.binder-eyebrow{font-size:12px}.binder-title{font-size:46px}.binder-tab{font-size:20px;padding:12px 20px}.binder-input,.binder-select{font-size:14.5px;padding:8px 12px}.binder-btn{font-size:16px;padding:8px 15px}.binder-btn.small{font-size:13.5px;padding:5px 11px}.binder-chip{font-size:11.5px;padding:3px 9px}.binder-row{font-size:14.5px;padding:11px 14px}.binder-empty{font-size:15px;padding:56px 20px}.card-tile{width:228px;padding:14px}.card-tile-name{font-size:13.5px}}@media (min-width: 1440px){.binder-root{max-width:1800px;margin:0 auto}}