:root{--charcoal-ink:#0f172a;--thread-red:#ef4444;--metallic-silver:#94a3b8;--needle-steel:#f8fafc;--surface:#131313;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--on-surface:#e5e2e1;--on-surface-variant:#c9c5cf;--outline-variant:#48464e;--outline:#938f98;--font-display:"Playfair Display", "Cormorant Garamond", Georgia, serif;--font-body:"Lora", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--fabric-weave:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.06' fill-rule='evenodd' clip-rule='evenodd' d='M0 2h16V0H0v2zm0 4h16V4H0v2zm0 4h16V8H0v2zm0 4h16v-2H0v2zM2 0v16H0V0h2zm4 0v16H4V0h2zm4 0v16H8V0h2zm4 0v16h-2V0h2z' fill='%23ffffff'/%3E%3C/svg%3E");--linen-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--charcoal-ink);color:var(--on-surface);min-height:100vh;line-height:1.7;position:relative;overflow-x:hidden}.bg-canvas{z-index:-1;background-color:var(--charcoal-ink);position:fixed;inset:0}.bg-canvas-overlay{background:radial-gradient(circle at 50% 30%, #0f172a4d 0%, var(--charcoal-ink) 90%), var(--fabric-weave);position:absolute;inset:0}.stitch-line-y{background-image:linear-gradient(currentColor 50%,#0000 50%);background-repeat:repeat-y;background-size:1px 6px;width:1px}.stitch-line-x{background-image:linear-gradient(90deg,currentColor 50%,#0000 50%);background-repeat:repeat-x;background-size:6px 1px;height:1px}.font-display{font-family:var(--font-display);letter-spacing:-.01em}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.label-caps{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.label-mono{font-family:var(--font-mono);letter-spacing:.05em;font-size:14px;font-weight:500;line-height:20px}.bg-linen{background-image:var(--fabric-weave), var(--linen-texture);background-blend-mode:overlay, normal}.card-container{background-color:#1c1b1bd9;background-image:repeating-linear-gradient(45deg, #ffffff05 0px, #ffffff05 1px, transparent 1px, transparent 4px), repeating-linear-gradient(-45deg, #0003 0px, #0003 1px, transparent 1px, transparent 4px), var(--linen-texture);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--thread-red);position:relative;box-shadow:inset 0 1px #ffffff0d,0 12px 32px #0006}.corner-accent-tl{border-top:1px solid var(--metallic-silver);border-left:1px solid var(--metallic-silver);width:16px;height:16px;margin-top:-1px;margin-left:-1px;position:absolute;top:0;left:0}.corner-accent-tr{border-top:1px solid var(--metallic-silver);border-right:1px solid var(--metallic-silver);width:16px;height:16px;margin-top:-1px;margin-right:-1px;position:absolute;top:0;right:0}.corner-accent-bl{border-bottom:1px solid var(--metallic-silver);border-left:1px solid var(--metallic-silver);width:16px;height:16px;margin-bottom:-1px;margin-left:-1px;position:absolute;bottom:0;left:0}.corner-accent-br{border-bottom:1px solid var(--metallic-silver);border-right:1px solid var(--metallic-silver);width:16px;height:16px;margin-bottom:-1px;margin-right:-1px;position:absolute;bottom:0;right:0}.btn-metallic{background-color:var(--metallic-silver);color:var(--charcoal-ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background-image:repeating-linear-gradient(45deg,#ffffff26 0 1px,#0000 1px 3px);border:none;border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s,transform .2s;display:inline-flex}.btn-metallic:hover{background-color:var(--needle-steel);color:var(--charcoal-ink);transform:translateY(-1px)}.btn-thread-outline{background:#13131366;background-image:var(--fabric-weave);color:var(--metallic-silver);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px dashed var(--outline-variant);cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-thread-outline:hover{border-color:var(--thread-red);color:var(--thread-red)}.input-stitch{background-color:#131313d9;background-image:var(--fabric-weave);border:1px solid var(--outline-variant);width:100%;color:var(--needle-steel);font-family:var(--font-body);border-radius:2px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.input-stitch:focus{border-color:var(--thread-red);box-shadow:0 0 0 1px var(--thread-red)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24}