:root{--ink: #0e0e0e;--graphite: #5a5a5a;--red: #e63946;--blue: #1b6cd9;--yellow: #f4c20d;--cream: #f4efd8;--surface: #fbf7e5;--error: #ef4444;--divider: rgba(14, 14, 14, .2);--font-display: "Archivo Black", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 0;--radius-md: 2px;--radius-lg: 4px;--shadow-card: 4px 4px 0 var(--ink);--shadow-button: 3px 3px 0 var(--ink);--border-card: 2px solid var(--ink);--border-button: 3px solid var(--ink);--fast: .2s;--bounce: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{background:var(--cream);color-scheme:light}body{margin:0;color:var(--ink);font:400 1.0625rem/1.5 var(--font-body)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{top:90px;right:6vw;width:72px;height:72px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink)}body:after{bottom:40px;left:3vw;width:140px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='28' viewBox='0 0 140 28'%3E%3Cpath d='M2 14 Q 19 0 35 14 T 70 14 T 105 14 T 138 14' fill='none' stroke='%231b6cd9' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}main{max-width:960px;margin:0 auto;padding:1.25rem 1rem 4rem}h1,h2,h3{margin:0}h1{font:900 clamp(2rem,6vw,3rem)/1 var(--font-display);letter-spacing:-.03em;margin-bottom:1rem}h3{font:700 1.375rem/1.2 var(--font-body)}p{margin:0 0 .75rem}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--red)}.muted{color:var(--graphite);font-size:.9375rem}.error{color:var(--red);font-weight:700}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1.75rem}header nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.brand{font:900 1.75rem/1 var(--font-display);letter-spacing:-.03em;text-decoration:none;text-transform:uppercase}button,.btn{display:inline-block;cursor:pointer;text-decoration:none;color:var(--cream);background:var(--blue);border:var(--border-button);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--ink);padding:10px 18px;font:900 .875rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--fast) var(--bounce),box-shadow var(--fast) var(--bounce)}button:hover,.btn:hover{color:var(--cream);box-shadow:4px 6px 0 var(--ink);transform:translateY(-2px) rotate(-1deg)}button:active,.btn:active{box-shadow:1px 2px 0 var(--ink);transform:translateY(1px) scale(.96)}button:focus-visible,.btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--red)}.outline{background:var(--yellow);color:var(--ink)}.outline:hover{color:var(--ink)}.ghost{background:none;border:0;box-shadow:none;color:var(--ink);padding:10px 4px;border-radius:0}.ghost:hover{color:var(--ink);box-shadow:none;text-decoration:underline;transform:none}.search,.form input,.form select,.form textarea{width:100%;padding:11px 12px;font:400 1.0625rem/1.4 var(--font-body);color:var(--ink);background:var(--surface);border:var(--border-card);border-radius:var(--radius-md);transition:box-shadow var(--fast) var(--bounce)}.search:hover,.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--red)}.search:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.form{display:flex;flex-direction:column;gap:12px;max-width:460px;align-items:stretch}.form button{align-self:flex-start}.banner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 48px 10px 1rem;position:relative;background:var(--yellow);border-bottom:var(--border-card)}.banner p{margin:0;font-weight:700}.banner .close{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 10px;font-size:1.25rem;line-height:1}.banner .close:hover{transform:translateY(-50%)}.end{text-align:center;min-height:3rem;margin-top:1.5rem}.to-top{position:fixed;right:16px;bottom:16px;z-index:10}body:has(.cookie-bar){padding-bottom:var(--cookie-bar-h, 0)}body:has(.cookie-bar) .to-top{bottom:calc(var(--cookie-bar-h, 0px) + 16px)}.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;padding:12px 1rem;background:var(--surface);border-top:var(--border-card)}.cookie-bar p{margin:0;max-width:640px}.cookie-bar .actions{display:flex;gap:12px}.dev-notice{padding:2px 8px;background:var(--ink);color:var(--cream);font:400 .75rem/1.4 var(--font-mono);text-align:center;text-transform:uppercase;letter-spacing:.06em}.diff{margin:0;padding-left:1.1rem}.consent{display:flex;flex-direction:column;gap:8px;border:var(--border-card);border-radius:var(--radius-md);padding:10px 14px;background:var(--cream)}.consent input,.consent select{width:100%;padding:8px 10px;font:400 1rem/1.4 var(--font-body);border:var(--border-card);border-radius:var(--radius-md);background:var(--surface)}.manifesto{max-width:640px}.manifesto .lead{font:700 1.5rem/1.3 var(--font-body)}.manifesto h2{font:900 1rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:2.25rem 0 .75rem;color:var(--red)}.manifesto .statement{font:700 1.375rem/1.3 var(--font-body)}.manifesto section ul{margin:0 0 1rem;padding-left:1.2rem}.notice{display:inline-block;padding:6px 12px;background:var(--yellow);border:var(--border-card);border-radius:var(--radius-md);font-weight:700}.site-footer{margin-top:3rem;padding-top:1.25rem;border-top:var(--border-card);display:flex;flex-direction:column;gap:10px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chips a{padding:5px 12px;background:var(--surface);border:var(--border-card);border-radius:var(--radius-md);text-decoration:none;font:700 .9375rem/1.3 var(--font-body);transition:transform var(--fast) var(--bounce),color var(--fast)}.chips a:hover{color:var(--red);transform:translateY(-1px)}.chips a.on{background:var(--red);color:var(--ink);transform:rotate(-1deg)}.chips small{font:400 .75rem var(--font-mono)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--fast) var(--bounce),box-shadow var(--fast) var(--bounce)}.card:hover{box-shadow:6px 8px 0 var(--ink);transform:translateY(-4px) rotate(-1deg)}.card p{margin:0;color:var(--graphite)}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}.form fieldset{border:var(--border-card);border-radius:var(--radius-md);padding:10px 14px;margin:0;background:var(--surface)}.form legend{font:700 .9375rem/1.3 var(--font-body);padding:0 6px}.form .check{margin:6px 0}.note{background:var(--yellow);border:var(--border-card);border-radius:var(--radius-md);padding:10px 14px;font-weight:700;margin:0}.tagbox{display:flex;flex-wrap:wrap;gap:6px}.tagbox .tag{display:inline-flex;align-items:center;gap:4px}.tagbox .tag button{padding:0 4px;font-size:1rem;line-height:1;box-shadow:none}.check{display:flex;gap:8px;align-items:flex-start;font-weight:400;cursor:pointer}.form input[type=checkbox],.form input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;display:inline-grid;place-content:center;width:22px;height:22px;margin:1px 0 0;padding:0;cursor:pointer;background:var(--surface);border:var(--border-card);border-radius:var(--radius-md);box-shadow:2px 2px 0 var(--ink);transition:transform var(--fast) var(--bounce),box-shadow var(--fast) var(--bounce),background var(--fast)}.form input[type=radio]{border-radius:50%}.form input[type=checkbox]:hover,.form input[type=radio]:hover{border-color:var(--red);transform:translateY(-1px)}.form input[type=checkbox]:active,.form input[type=radio]:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.form input[type=checkbox]:checked,.form input[type=radio]:checked{background:var(--yellow)}.form input[type=checkbox]:checked:before{content:"";width:11px;height:6px;margin-top:-3px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}.form input[type=radio]:checked:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink)}.form input[type=checkbox]:focus-visible,.form input[type=radio]:focus-visible{outline:3px solid var(--red);outline-offset:3px}.links svg{vertical-align:-3px}.links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9375rem}.links a{overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.tag,.badge{display:inline-block;padding:1px 7px;background:var(--cream);border:1px solid var(--divider);border-radius:var(--radius-sm);font:400 .75rem/1.6 var(--font-mono);color:var(--graphite)}.badge{border:2px solid var(--ink);color:var(--ink);font-weight:700;text-transform:uppercase}.badge.approved{background:var(--blue);color:var(--cream)}.badge.pending{background:var(--yellow)}.badge.rejected{background:var(--red);color:var(--cream)}.actions{display:flex;gap:12px;margin-top:8px}.card .badge{align-self:flex-start}
