:root{--bg: #0b0f19;--panel: rgba(11, 15, 25, .95);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--accent: #22c55e;--shadow: 0 18px 45px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #f6f7fb;--panel: rgba(15, 23, 42, .06);--border: rgba(15, 23, 42, .14);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .65);--shadow: 0 18px 45px rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 0%,rgba(34,197,94,.18),transparent 60%),radial-gradient(900px 700px at 100% 10%,rgba(96,165,250,.16),transparent 55%),var(--bg);color:var(--text)}.toolbar{position:sticky;top:0;z-index:5;background:#0094ce;box-shadow:0 2px 4px #0003;min-height:64px}.toolbar-tools{display:flex;align-items:center;padding:0 16px;min-height:64px;gap:4px}.menu-button{appearance:none;background:transparent;border:none;cursor:pointer;padding:6px;margin:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;width:36px;height:36px;flex-shrink:0;box-shadow:0 2px 6px #0009,0 1px 3px #00000080}.menu-button:hover{background:#ffffff1a}.menu-button svg{fill:#fff;width:24px;height:24px}.toolbar-title{margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:20px;font-weight:400;color:#fff;display:block;line-height:1.2}.toolbar-separator{margin:0 12px;color:#fff;opacity:.5;font-weight:300;font-size:20px}.toolbar-link{color:#b4b4b4;text-decoration:none;font-size:20px;font-weight:400;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;transition:color .2s}.toolbar-link:hover{color:#c8c8c8}.container{padding:26px 18px 50px;display:flex;justify-content:center}.card{width:min(820px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card__title{margin:0;font-size:22px}.card__link{color:var(--text);text-decoration:none;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;font-size:13px;font-weight:500;transition:border-color .2s,background-color .2s}.card__link:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.card__hint{margin:10px 0 18px;color:var(--muted)}.field{display:grid;gap:8px;margin:14px 0;flex:1}.field--inline{flex:1;margin:0}.field__label{font-size:13px;color:var(--muted)}.field__input,.field__textarea,.field__select{width:100%;color:var(--text);background:color-mix(in srgb,var(--bg) 95%,transparent);border:1px solid var(--border);border-radius:14px;padding:12px;font:inherit;outline:none}.field__textarea{resize:vertical}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.field__color{width:100%;height:44px;padding:6px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 95%,transparent)}.timer-display{margin:20px 0;text-align:center}.timer-value{font-variant-numeric:tabular-nums;font-size:clamp(48px,6vw,80px);font-weight:900;letter-spacing:.02em;color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent);border:2px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:20px;padding:20px 28px;display:inline-block}.row{display:flex;gap:14px;align-items:center;margin:14px 0}.row--with-link{justify-content:space-between}.row--with-link .card__link{margin-left:auto}.row--controls{flex-wrap:wrap;justify-content:space-between;align-items:center}.row__group{display:flex;gap:14px;flex-wrap:wrap}.actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.btn{appearance:none;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{border:1px solid var(--border);background:transparent}.status{margin-top:14px;font-size:13px;color:var(--muted)}.status[data-tone=ok]{color:color-mix(in srgb,var(--accent) 75%,white)}.status[data-tone=warn]{color:#fbbf24}.version{margin-top:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.admin-only{display:none}.clue-field{width:100%}.clue-history{min-height:60px;max-height:160px;overflow-y:auto;border:1px solid var(--border);border-radius:14px 14px 0 0;background:color-mix(in srgb,var(--bg) 95%,transparent);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.clue-history:empty:before{content:"No clues sent yet";color:var(--muted);font-size:13px}.clue-history__item{display:flex;gap:10px;font-size:13px;line-height:1.4}.clue-history__time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.clue-history__text{color:var(--text)}.clue-input-row{display:flex;gap:8px}.clue-input-row .field__input{border-radius:0 0 14px 14px;border-top:none;flex:1}
