:root{--paper: #f8f4e8;--ink: #1f1a17;--accent1: #ff7f50;--accent2: #5b8def;--accent3: #ffd447;--muted: #4b4640;--grid: rgba(0, 0, 0, .06);--card: rgba(255, 255, 255, .72)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Comic Sans MS,Comic Neue,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);background-image:linear-gradient(transparent calc(100% - 1px),var(--grid) 1px),linear-gradient(90deg,transparent calc(100% - 1px),var(--grid) 1px);background-size:24px 24px;line-height:1.6}a{color:inherit}.container{width:min(1100px,94vw);margin:0 auto;padding:16px 0 64px}.nav{position:sticky;top:0;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f4e8e6;border-bottom:2px dashed #00000020;padding:14px 0;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.logo .scribble{width:34px;height:34px;border:2px solid var(--ink);border-radius:10px;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#fff3,#fff3 6px,#00000010 6px,#00000010 12px);box-shadow:3px 3px #0005}nav a{color:var(--ink);text-decoration:none;margin:0 10px;font-weight:700;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:var(--accent1);transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;border:2px solid #00000050;background:#fff9;box-shadow:3px 3px #0005;font-weight:800;color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.btn.primary{background:var(--accent2);color:#0e1630}.btn.warn{background:var(--accent1);color:#2a0b00}.btn.ghost{background:transparent}.btn:active{transform:translateY(1px);box-shadow:1px 1px #0005}.form-card{display:grid;gap:12px;max-width:640px;padding:16px;border:2px solid #00000030;border-radius:12px;background:#fffefa}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:800;color:var(--muted)}.form-field input,.form-field textarea{padding:10px 12px;border:2px solid #00000030;border-radius:10px;font-family:inherit;font-size:1rem;background:#fff}.status{padding:10px 12px;border-radius:10px;border:2px solid #00000030;background:#f8f4e8;font-weight:700}.status.success{border-color:#3a9d45;background:#e7f9eb}.status.error{border-color:#d33;background:#ffe5e5}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px dashed #00000050;border-radius:999px;background:#fffbe6;font-weight:800;letter-spacing:.3px;margin-bottom:10px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin:24px 0 32px;align-items:center;scroll-margin-top:96px}h1{font-size:clamp(2.2rem,5vw,3.2rem);margin:0 0 10px;line-height:1.1}.lede{margin:0 0 16px;max-width:640px}.scribble-box{border:3px solid #00000066;border-radius:16px;padding:14px;background:var(--card);box-shadow:5px 5px #0005}.billboard{position:relative;margin-top:12px}#billboard{scroll-margin-top:96px}.tape{position:absolute;width:76px;height:22px;background:#fff8c4;box-shadow:2px 2px #00000050;transform:rotate(-4deg);top:-14px}.tape.right{right:16%;transform:rotate(7deg)}.tape.left{left:14%}.billboard-frame{border:3px solid #00000080;border-radius:18px;padding:12px;background:#fffdfa;box-shadow:6px 6px #0006}.billboard-label{font-weight:800;margin-bottom:6px;color:var(--muted)}.billboard-img{position:relative;border:2px dashed #00000070;border-radius:12px;min-height:220px;overflow:hidden;background:#fffdfa}.billboard-img img{width:100%;display:block;border-radius:10px;object-fit:cover}.billboard-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:18px;font-weight:800;color:#1c1c1c;background:repeating-linear-gradient(135deg,#ffe0ef,#ffe0ef 16px,#d7e4ff 16px,#d7e4ff 32px),linear-gradient(120deg,#fff,#fff9)}.announcement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.announcement-card{padding:14px;border:2px solid #00000066;border-radius:16px;background:#fff9;box-shadow:4px 4px #0005}.announcement-card.highlight{background:#d8e7ff}.announcement-card.soon{background:#ffdce9}.announcement-card h3{margin:6px 0 8px;font-size:1.05rem}.announcement-card time{display:block;font-weight:800;color:var(--muted)}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffd447;border:2px solid #00000050;font-weight:800;margin-bottom:8px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.btn-row.hero-actions{margin-top:14px}.count-box{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:14px;background:#fffbe6;border:2px dashed #00000050;box-shadow:3px 3px #0004;min-width:160px;font-weight:800}.count-box small{color:var(--muted);font-weight:700}.small-note{font-size:.95rem;color:var(--muted);margin-top:8px}.count-hero{display:flex;justify-content:center;margin:10px 0 18px;scroll-margin-top:96px}.count-card{width:min(680px,96vw);text-align:center;background:linear-gradient(135deg,#ffd447,#ffbba5);border:3px solid #00000070;border-radius:18px;box-shadow:6px 6px #00000070;padding:16px 18px}.count-card .badge{background:#fff;border-color:#00000060}.count-number{display:block;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:900;margin:4px 0;letter-spacing:.5px;text-shadow:2px 2px 0 #00000055;animation:pop 1.2s ease-in-out infinite alternate;font-variant-numeric:tabular-nums;min-width:7ch;text-align:center}.count-subtext{margin:0;font-weight:800;color:#2a0b00}@keyframes pop{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.01)}}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{padding:8px 12px;border-radius:999px;border:2px solid #00000040;background:#fffbe6;font-weight:700;box-shadow:2px 2px #0004}section{margin:28px 0;scroll-margin-top:96px}.section-title{display:inline-flex;align-items:center;gap:10px;font-size:1.4rem;margin:0 0 12px}.section-title:before{content:attr(data-icon);font-size:1.1rem}.section-title:not([data-icon]):before,.section-title[data-icon=""]:before{content:"✏️"}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.note{padding:14px;background:#fff9c4;border:2px solid #00000066;border-radius:14px;box-shadow:4px 4px #0005}.note.blue{background:#d8e7ff}.note.pink{background:#ffdce9}ul{padding-left:18px;margin:8px 0 0}.line-list li{margin-bottom:6px;font-weight:700}.contract{margin-top:10px;padding:12px;border:2px dashed #00000070;border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:JetBrains Mono,Consolas,monospace}footer{margin-top:32px;border-top:2px dashed #00000030;padding-top:12px;text-align:center;color:var(--muted);font-weight:700}.card{padding:16px;border:2px solid #00000066;border-radius:16px;background:var(--card);box-shadow:4px 4px #0005}.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.post{background:#fff}.post.highlight{background:#d8e7ff}.post.soon{background:#ffdce9}.post h3{margin:6px 0;font-size:1.1rem}.post time{font-weight:800;color:var(--muted)}@media (max-width: 720px){.nav{flex-wrap:wrap;gap:8px}nav{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.billboard-img{min-height:180px}}@media (max-width: 540px){.container{padding:14px 16px 52px;width:100%}.nav{padding:12px 16px;gap:8px}nav a{margin:4px 10px}.hero{grid-template-columns:1fr;gap:16px}.scribble-box{padding:12px}.announcement-grid,.notes{grid-template-columns:1fr}.count-hero{padding:0 8px}.count-card{width:100%;padding:15px}.count-number{font-size:clamp(2rem,9vw,2.8rem)}.count-subtext{font-size:.95rem}.pill-row{gap:6px}.btn{width:100%;justify-content:center}.contract{font-size:.92rem}section{margin:24px 0}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-toggle{background:var(--accent2);color:#0e1630;border:2px solid #00000030;border-radius:25px;width:90px;height:50px;font-size:16px;cursor:pointer;box-shadow:3px 3px #0005;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;position:relative}.chat-toggle:hover{transform:scale(1.05)}.chat-toggle{animation:chat-bounce 2s infinite}@keyframes chat-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.chat-popup{position:absolute;bottom:80px;right:0;width:320px;height:400px;background:#fff;border:2px solid #00000030;border-radius:16px;box-shadow:6px 6px #0005;display:flex;flex-direction:column;font-family:inherit}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:2px solid #00000020}.chat-header h4{margin:0;font-size:1.1rem}.chat-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chat-messages{flex:1;overflow-y:auto;padding:12px;border-bottom:2px solid #00000020}.chat-message{margin-bottom:8px;padding:6px 10px;background:#f8f4e8;border-radius:8px;font-size:.9rem}.chat-form{display:flex;padding:12px;gap:8px}.chat-form input{flex:1;padding:8px 12px;border:2px solid #00000025;border-radius:10px;font-size:1rem}.chat-form button{padding:8px 12px;background:var(--accent2);color:#0e1630;border:2px solid #00000030;border-radius:10px;cursor:pointer;font-weight:800}.chat-form button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 720px){.chat-popup{width:280px;height:350px;bottom:80px}.chat-form{flex-wrap:wrap}.chat-form input{flex:1;min-width:0}.chat-form button{flex-shrink:0;margin-top:8px;width:100%}}.chat-closed{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-preview{background:#ffffffe6;border:2px solid #00000030;border-radius:15px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink);box-shadow:2px 2px #0004;max-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
