:root{--ink: #1f1b16;--paper: #fff6e9;--accent: #ffc94d;--accent-deep: #ff9f1c;--shadow: 4px 4px 0 var(--ink);--radius: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Nunito,system-ui,sans-serif;background-color:var(--paper);background-image:radial-gradient(circle at 12% 20%,rgba(255,201,77,.18) 0 140px,transparent 141px),radial-gradient(circle at 88% 70%,rgba(220,214,255,.35) 0 180px,transparent 181px),radial-gradient(circle at 30% 85%,rgba(201,242,217,.4) 0 120px,transparent 121px);color:var(--ink);min-height:100vh}.page{max-width:760px;margin:0 auto;padding:24px 16px 80px}.muted{color:#1f1b168c}.header{text-align:center;padding:28px 0 8px;position:relative}.logo-btn{background:none;border:none;cursor:pointer;padding:0}.logo{font-family:"Baloo 2",cursive;font-weight:800;font-size:clamp(2.6rem,8vw,3.6rem);letter-spacing:-.02em;display:inline-block;background:var(--accent);border:3px solid var(--ink);border-radius:24px;padding:2px 26px 8px;box-shadow:var(--shadow);transform:rotate(-1.5deg);transition:transform .15s ease}.logo:hover{transform:rotate(1deg) scale(1.03)}.tagline{margin:14px 0 0;font-style:italic;color:#1f1b16a6;font-size:1.05rem}.btn-dice{position:absolute;top:32px;right:0}.btn{font-family:"Baloo 2",cursive;font-weight:700;font-size:1rem;border:2.5px solid var(--ink);border-radius:999px;padding:10px 22px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease;background:#fff;color:var(--ink)}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent)}.btn-ghost{background:transparent;box-shadow:none;border-color:#1f1b164d}.chip{font-family:Nunito,sans-serif;font-weight:700;font-size:.9rem;border:2px solid var(--ink);border-radius:999px;padding:7px 14px;background:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.chip-on{background:var(--accent);transform:rotate(-2deg)}.composer{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);padding:18px;margin-top:34px}.composer-input{width:100%;border:none;outline:none;resize:none;font-family:Nunito,sans-serif;font-size:1.15rem;line-height:1.45;background:transparent;color:var(--ink)}.composer-input::placeholder{color:#1f1b1666;font-style:italic}.composer-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.composer-signature{font-family:Caveat,cursive;font-size:1.25rem;border:none;border-bottom:2px dashed rgba(31,27,22,.35);outline:none;background:transparent;width:170px;padding:4px 2px;color:var(--ink)}.char-count{margin-left:auto;font-weight:800;font-size:.9rem;color:#1f1b1673}.char-count.low{color:#d1495b}.composer-foot{margin-top:10px;font-size:.82rem;color:#1f1b1680}.wall{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;align-items:start}@media (max-width: 700px){.wall{grid-template-columns:1fr}}.card{position:relative;border:2.5px solid var(--ink);border-radius:var(--radius);padding:18px 18px 14px;box-shadow:var(--shadow);transition:transform .15s ease;word-break:break-word}.card:hover{transform:rotate(0) scale(1.01)!important;z-index:2}.card:after{content:"";position:absolute;bottom:-16px;left:34px;width:22px;height:22px;background:var(--tail, #ffd966);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg) skew(12deg,12deg);border-bottom-right-radius:6px}.card-text{font-size:1.12rem;line-height:1.5;margin:0 0 10px;white-space:pre-wrap}.card-large .card-text{font-size:1.45rem}.card-signature{font-family:Caveat,cursive;font-size:1.4rem;margin:0 0 6px;text-align:right;color:#1f1b16bf}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.card-time{font-size:.78rem;color:#1f1b1680;font-weight:700}.card-actions{display:flex;align-items:center;gap:4px}.icon-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 6px;border-radius:8px;transition:background .12s ease,transform .12s ease}.icon-btn:hover{background:#1f1b1614;transform:scale(1.15)}.icon-btn.active{background:#1f1b1626}.icon-btn.subtle{opacity:.45}.icon-btn.subtle:hover{opacity:1}.icon-btn.confirm{font-family:Nunito,sans-serif;font-weight:800;font-size:.72rem;background:#d1495b;color:#fff;border-radius:999px;padding:4px 10px;opacity:1}.card-speaking{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:6px 6px 0 var(--accent-deep)}}.boost-badge,.whisper-badge{position:absolute;top:-12px;right:14px;font-size:.72rem;font-weight:800;background:var(--ink);color:var(--paper);border-radius:999px;padding:3px 10px;transform:rotate(2deg)}.whisper-badge{right:auto;left:14px;background:#5e60ce;transform:rotate(-2deg)}.card-reactions{display:flex;gap:8px;margin-top:10px}.reaction{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--ink);background:#ffffffa6;border-radius:999px;padding:4px 12px;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;transition:transform .1s ease,background .12s ease}.reaction:hover:not(:disabled){transform:scale(1.08)}.reaction:disabled{opacity:.55;cursor:not-allowed}.reaction.mine{background:#fff;box-shadow:2px 2px 0 var(--ink)}.reaction-emoji{font-size:1rem}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:1.2rem;font-weight:700}.empty-emoji{font-size:3rem;display:block;margin-bottom:12px}.permalink-view{margin-top:40px;max-width:560px;margin-left:auto;margin-right:auto;text-align:center}.permalink-view .card{text-align:left;margin:18px 0 26px}.card-back{margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b168c;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:28px;max-width:420px;width:100%;text-align:center;animation:pop-in .18s ease}.modal-wide{max-width:560px}.modal h2{font-family:"Baloo 2",cursive;margin:0 0 10px}.modal p{font-size:1.05rem}.modal .btn{margin:8px 6px 0}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.challenge-input{font-family:Nunito,sans-serif;font-size:1.1rem;text-align:center;border:2.5px solid var(--ink);border-radius:12px;padding:10px 14px;width:100%;margin-top:8px;outline:none;background:#fff}.challenge-options{display:flex;justify-content:center;gap:12px;margin-top:12px}.challenge-options .btn{font-size:1.4rem;padding:12px 26px}.footer{margin-top:70px;text-align:center;font-size:.85rem;color:#1f1b168c;display:flex;flex-direction:column;gap:8px;align-items:center}.kofi{color:var(--ink);font-weight:800;text-decoration:none;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease}.kofi:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-weight:700;padding:12px 22px;border-radius:999px;box-shadow:4px 4px #1f1b164d;z-index:100;animation:pop-in .15s ease;max-width:90vw;text-align:center}.setup-notice{margin-top:40px}