:root{--ink: #0c0c0c;--ink-soft: #1a1a1a;--cream: #f6ecdd;--cream-dim: #e9ddc9;--red: #f43f3f;--red-deep: #c92f2f;--line: rgba(12, 12, 12, .12);--line-on-ink: rgba(246, 236, 221, .16);--muted: rgba(12, 12, 12, .58);--muted-on-ink: rgba(246, 236, 221, .62);--sans: "Inter", system-ui, sans-serif;--serif: "Playfair Display", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--chamfer: 10px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.chamfer{clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.serif-accent{font-family:var(--serif);font-style:italic;color:var(--red);font-weight:600}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{line-height:1.05;letter-spacing:-.02em;font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:13px 22px;font-weight:600;font-size:15px;border:none;background:var(--ink);color:var(--cream);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer));transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);background:var(--ink-soft)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-red{background:var(--red)}.btn-red:hover{background:var(--red-deep)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:#0c0c0c0a}.panel{background:#fff;border:1px solid var(--line);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.panel-ink{background:var(--ink);color:var(--cream);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.input,.textarea,select.input{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;background:#fff;border:1px solid var(--line);color:var(--ink);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.input:focus,.textarea:focus{outline:2px solid var(--red);outline-offset:-2px}.accent-strip{height:3px;background:var(--red);width:48px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.slot{padding:12px 8px;text-align:center;font-weight:600;font-size:14px;background:#fff;border:1px solid var(--line);color:var(--ink);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:all .12s ease}.slot:hover{border-color:var(--red);color:var(--red)}.slot.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.row{display:flex;gap:16px}.col{display:flex;flex-direction:column}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.brand-tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted)}@media(max-width:760px){.row{flex-direction:column}.container{padding:0 16px}}
