:root{--paper: #F2EBDD;--slip: #FBF7EE;--ink: #16140F;--signal: #FF4F1F;--on-signal: #16140F;--sent: #1F7A4D;--warn: #E0A100;--rule: #CFC6B2;--font-display: "Fraunces", Georgia, serif;--font-ui: "Work Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--border: 2px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--radius: 2px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 20px;--s5: 32px;--s6: 56px}:root[data-theme=night]{--paper: #14130F;--slip: #1D1B16;--ink: #F2EBDD;--sent: #4CC38A;--rule: #3A372E}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-ui);line-height:1.5;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.04;z-index:9999;background-image: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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.15}code,pre,.mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:underline;text-underline-offset:3px}button{font-family:inherit}hr.dotted-rule{border:none;border-top:2px dotted var(--rule);margin:var(--s5) 0}.slip{position:relative;background:var(--slip);border:var(--border);box-shadow:var(--shadow);padding:var(--s4) var(--s4) var(--s4) 36px;border-radius:var(--radius);transition:transform .2s ease,opacity .2s ease}.slip:before{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:radial-gradient(circle at 0 12px,var(--paper) 5px,transparent 5.5px) 0 0 / 14px 24px repeat-y;border-right:2px dotted var(--rule)}.slip--fanned{position:relative;transition:transform .18s ease}.btn{font:600 16px var(--font-ui);background:var(--slip);color:var(--ink);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);transition:transform 80ms ease,box-shadow 80ms ease}.btn--primary{background:var(--signal);color:var(--on-signal)}.btn--sm{padding:6px 12px;font-size:14px}.btn:hover{text-decoration:none}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow)!important}.stamp{display:inline-block;font:500 14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:3px solid currentColor;padding:2px 10px;transform:rotate(-6deg);border-radius:var(--radius);-webkit-user-select:none;user-select:none}.stamp--sent{color:var(--sent);animation:stamp .18s ease-out both}.stamp--failed{color:var(--signal)}.stamp--draft{color:var(--ink);opacity:.55}.stamp--ready{color:var(--ink)}.stamp--reconnect{color:var(--warn)}@keyframes stamp{0%{transform:scale(1.6) rotate(-14deg);opacity:0}60%{transform:scale(.94) rotate(-6deg);opacity:1}to{transform:scale(1) rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.stamp--sent{animation:none}}.platform-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink);padding:2px 6px;border-radius:var(--radius);background:var(--slip)}.field{display:flex;flex-direction:column;margin-bottom:var(--s4)}.field__label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s1);color:var(--ink)}.field__input,.field__textarea,.field__select{background:var(--slip);color:var(--ink);border:none;border-bottom:2px solid var(--ink);padding:var(--s2) 0;font-family:var(--font-ui);font-size:16px;border-radius:0;outline:none;transition:border-color .15s ease}.field__input::placeholder,.field__textarea::placeholder{font-family:var(--font-mono);color:var(--ink);opacity:.45}.field__input:focus,.field__textarea:focus,.field__select:focus{outline:none;border-bottom:2px solid var(--signal)}.field__error{font-family:var(--font-mono);font-size:12px;color:var(--signal);margin-top:var(--s1)}.field__hint{font-family:var(--font-mono);font-size:12px;opacity:.7;margin-top:var(--s1)}.toast-container{position:fixed;bottom:var(--s4);right:var(--s4);z-index:1000;display:flex;flex-direction:column;gap:var(--s2);pointer-events:none}.toast{pointer-events:auto;background:var(--slip);border:var(--border);box-shadow:var(--shadow);padding:var(--s3) var(--s4);font-family:var(--font-mono);font-size:14px;border-radius:var(--radius);animation:slideUp .2s ease-out;display:flex;align-items:center;gap:var(--s3)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton-slip{background:var(--slip);border:var(--border);box-shadow:var(--shadow);padding:var(--s4);font-family:var(--font-mono);font-size:14px;border-style:dashed;text-align:center;color:var(--ink);opacity:.75}.grid-pegboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4)}.rules-line{font-family:var(--font-mono);font-size:12px;margin-top:var(--s2);display:flex;align-items:center;justify-content:space-between;border-top:1px dotted var(--rule);padding-top:var(--s2)}