.playground{padding:65px 0;border-bottom:1px solid var(--line)}
.playground h2{font-size:clamp(48px,6vw,85px)}
.play-pair,.conversation-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.play-panel{border:1px solid var(--line);padding:30px;min-width:0}
.play-panel h3,.mood-heading{font-size:42px;line-height:1;text-transform:uppercase;font-family:var(--display)}
.play-panel>p{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0}
.action-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;font-family:var(--body);font-size:13px;font-weight:700;padding:15px 20px;background:var(--accent);border:1px solid var(--accent);color:var(--bg);cursor:pointer}
.action-button:hover{filter:brightness(1.1)}.action-button:focus-visible,.mood-button:focus-visible{outline:2px solid var(--text);outline-offset:4px}.action-button:disabled{opacity:.5;cursor:default}
.confuse-panel{background:var(--text);color:var(--bg);border-color:var(--text)}
.confuse-panel>p{color:#444}.confuse-panel blockquote{font-family:Georgia,serif;font-size:24px;line-height:1.5;overflow-wrap:anywhere;margin:25px 0}
.confuse-panel .microcopy{color:#555}.confuse-panel .action-button{border-color:var(--bg)}
.coffee-count{display:block;font-family:var(--display);font-size:100px;line-height:1;margin:20px 0;color:var(--accent)}
.microcopy,.play-panel .microcopy{font-size:11px;line-height:1.7;color:var(--muted);margin:15px 0 0}
.mood-bar{padding:30px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px;border-bottom:1px solid var(--line);margin-bottom:35px}
.mood-heading{font-size:32px}.mood-controls{display:flex;flex-wrap:wrap;gap:8px}.mood-button{background:none;color:var(--text);font-family:var(--body);font-size:12px;padding:12px 16px;border:1px solid var(--line);cursor:pointer}.mood-button[aria-pressed="true"]{color:var(--bg);background:var(--accent);border-color:var(--accent)}
.mood-dial-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}#mood-dial{display:block;width:100%;accent-color:var(--accent);cursor:pointer;margin:12px 0 22px;min-height:24px}#mood-dial:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.community-form fieldset{border:0;padding:0;margin:25px 0 0;min-width:0}.community-form label{display:block;font-size:12px;margin-top:18px}.community-form input,.community-form textarea{display:block;width:100%;background:var(--bg);border:1px solid #626262;padding:13px;color:var(--text);font:14px var(--body);margin-top:8px;border-radius:0}.community-form textarea{resize:vertical;min-height:130px;line-height:1.7}.community-form input:focus,.community-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.community-form button{margin-top:20px}.trap-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-status{font-size:12px;line-height:1.8;min-height:22px;margin-top:15px;color:var(--accent)}
.guest-entry{padding:23px 0;border-top:1px solid var(--line)}.guest-entry p{font-size:15px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.guest-by{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:12px}.guest-by strong{color:var(--accent)}#guestbook-entries{margin-top:25px}#daily-question{font-size:24px;line-height:1.3;text-transform:none;font-family:var(--body);font-weight:500;margin-top:25px}
.admin-shell{max-width:900px;margin:0 auto;padding:40px 5%}.admin-shell h1{font-size:60px;margin:30px 0}.admin-shell nav{margin:0}.moderation-entry{border:1px solid var(--line);padding:25px;margin-top:20px}.moderation-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:15px 0}.moderation-entry small{color:var(--muted)}.moderation-entry button{margin:5px 12px 0 0}.admin-filter{display:flex;gap:10px;flex-wrap:wrap}.admin-filter button{padding:10px 15px;background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer}.admin-filter button[aria-pressed="true"]{border-color:var(--accent)}
@media(max-width:700px){.playground{padding:50px 0}.play-pair,.conversation-pair{grid-template-columns:1fr;gap:20px}.play-panel{padding:25px}.mood-bar{grid-template-columns:1fr;gap:20px}.mood-button{padding:12px}.coffee-count{font-size:85px}.confuse-panel blockquote{font-size:22px}}
@media(max-width:700px){header{flex-wrap:wrap;padding:18px 0;gap:15px}header nav{flex-basis:100%;justify-content:space-between;margin-left:0;gap:12px}}