@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--bg:#080808;--surface:#131313;--surface2:#1b1b1b;--line:#262626;--text:#f3f2ef;--muted:#8b8b88;--dim:#4a4a48;--gold:#f6c445;--silver:#c9ced6;--bronze:#d4884f;--hint:#8f7cff;--hot:#ff6a3d;--warm:#ffc247;--cold:#4a8cff;--ok:#3ddc84;--bad:#ff4d5e;--font-heading:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;line-height:1.45;overflow-x:hidden}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.screen{flex-direction:column;gap:18px;max-width:440px;margin:0 auto;padding:20px 16px 48px;display:flex}.wordmark{flex-direction:column;align-items:center;gap:6px;margin:0;padding-top:8px;display:flex}.wordmark-word{font-family:var(--font-heading);letter-spacing:-.02em;align-items:center;font-size:clamp(46px,14vw,62px);font-weight:800;line-height:.9;display:flex}.wordmark-ear{color:var(--gold)}.wordmark-dot{background:var(--gold);width:.5em;height:.5em;color:var(--bg);border-radius:50%;place-items:center;margin:0 .06em;display:inline-grid}.wordmark-dot svg{width:60%;height:60%}.tagline{color:var(--muted);letter-spacing:.14em;text-transform:lowercase;margin:0;font-size:13px}.headline{font-family:var(--font-heading);text-align:center;margin:6px 0 0;font-size:28px;font-weight:800;line-height:1.05}.subline{color:var(--muted);text-align:center;margin:0;font-size:14px}.cta{background:var(--text);width:100%;color:var(--bg);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:17px 20px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .12s;display:flex}.cta:active{transform:scale(.98)}.cta.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.cta svg{width:16px;height:16px}.row-link{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:14px;display:flex}.row-link b{font-weight:700}.row-link span{color:var(--muted);white-space:nowrap;flex:none}.stats{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,1fr);padding:14px 6px;display:grid}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat b{font-family:var(--font-mono);font-size:20px;font-weight:700}.stat span{color:var(--muted);letter-spacing:.06em;font-size:11px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px}.cal-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.cal-head h3{font-family:var(--font-heading);text-transform:lowercase;margin:0;font-size:20px;font-weight:800}.cal-head span{color:var(--muted);font-size:12px}.calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-dow{color:var(--dim);text-align:center;letter-spacing:.08em;padding-bottom:2px;font-size:10px}.calendar-day{aspect-ratio:1;background:var(--surface2);color:var(--muted);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;text-decoration:none;display:flex;position:relative}.calendar-day-number{font-family:var(--font-mono);color:var(--dim);font-size:9px;line-height:1;position:absolute;top:3px;left:5px}.calendar-day-badge{margin-top:9px;font-size:clamp(14px,4.2vw,20px);line-height:1}.calendar-day-plus{color:var(--dim);margin-top:6px;font-size:16px}.calendar-day.is-empty{background:0 0}.calendar-day.is-future{opacity:.28;pointer-events:none}.calendar-day.is-open:hover{border-color:var(--dim)}.calendar-day.is-late{border:1px dashed var(--dim)}.calendar-day.is-late .calendar-day-badge{opacity:.55;filter:grayscale(.35)}.calendar-day.is-today{border:2px solid var(--gold)}.calendar-day.is-hint .calendar-day-badge{color:var(--ok);font-size:17px;font-weight:800}.calendar-day.is-fail .calendar-day-badge{color:var(--bad);font-size:15px;font-weight:700}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:11px;display:flex}.legend i{margin-right:4px;font-style:normal}.legend .sw{vertical-align:-1px;border:1px dashed var(--muted);border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.calshare{background:var(--surface2);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}details.how{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 18px}details.how summary{cursor:pointer;justify-content:space-between;font-weight:700;list-style:none;display:flex}details.how summary::-webkit-details-marker{display:none}details.how summary:after{content:"+";color:var(--muted)}details.how[open] summary:after{content:"−"}details.how ol{color:var(--muted);flex-direction:column;gap:6px;margin:10px 0 0;padding-left:18px;font-size:14px;display:flex}.player{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex}.player-who{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;font-weight:700}.iconbtn{background:var(--surface2);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar-back{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;text-decoration:none;display:grid}.topbar-title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:22px;font-weight:800}.topbar-title .wordmark-ear{color:var(--gold)}.topbar-date{color:var(--muted);text-align:right;min-width:40px;font-size:12px}.slots{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.slot{flex-direction:column;align-items:center;gap:6px;display:flex}.slot small{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:11px}.pbtn{aspect-ratio:1;background:var(--surface2);border:2px solid var(--line);width:100%;max-width:84px;color:var(--dim);border-radius:50%;place-items:center;display:grid;position:relative}.pbtn svg{width:34%;height:34%}.pbtn.is-unlocked{background:var(--slot-color,var(--text));border-color:var(--slot-color,var(--text));color:var(--bg)}.pbtn.is-active{animation:1.6s ease-in-out infinite pulse}.pbtn.is-playing{transition:transform .15s;transform:scale(1.06)}.pbtn:disabled{cursor:not-allowed}.pbtn.hintbox{font-size:26px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--slot-color,#fff) 45%, transparent)}50%{box-shadow:0 0 0 9px #0000}}.hint-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:18px;padding:14px}.hint-card .emoji{letter-spacing:6px;font-size:36px}.hint-card small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.wave{justify-content:center;align-items:center;gap:3px;height:44px;display:flex}.wave i{background:var(--dim);border-radius:2px;width:4px;transition:height 80ms;display:block}.wave.on i{background:var(--text)}.status{text-align:center;color:var(--muted);min-height:18px;font-size:13px}.guesses{flex-direction:column;gap:6px;display:flex}.g{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:.25s ease-out drop;display:flex}.g .emoji{font-size:20px}.g .name{flex:1;font-weight:600}.chip{letter-spacing:.04em;color:#0b0b0b;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.chip.hot{background:var(--hot)}.chip.warm{background:var(--warm)}.chip.cold{background:var(--cold);color:#fff}.chip.skip{background:var(--line);color:var(--muted)}@keyframes drop{0%{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:none}}.autocomplete{gap:8px;display:flex;position:relative}.autocomplete-input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:999px;flex:1;padding:15px 18px}.autocomplete-input::placeholder{color:var(--dim)}.autocomplete-submit{background:var(--text);color:var(--bg);border-radius:999px;padding:0 20px;font-weight:700}.autocomplete-submit:disabled{opacity:.35;cursor:not-allowed}.autocomplete-list{background:var(--surface2);border:1px solid var(--line);z-index:5;border-radius:16px;max-height:260px;margin:0;padding:0;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 30px #00000080}.autocomplete-option{text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:15px;display:flex}.autocomplete-option.is-highlighted{background:var(--line)}.autocomplete-option.is-disabled{opacity:.3;cursor:not-allowed}.skip-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;align-self:center;padding:4px;font-size:13px;text-decoration:underline}.options-button{background:var(--surface2);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-weight:700;display:flex}.options-button .chip{letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.options-hint-line{text-align:center;color:var(--muted);margin:-8px 0 0;font-size:12px}.hint-options{flex-direction:column;gap:8px;display:flex}.hint-option{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:44px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.hint-option:disabled{cursor:not-allowed}.hint-option.is-selected{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--surface));animation:.45s ease-out hint-option-pop}@keyframes hint-option-pop{0%{transform:scale(1)}30%{transform:scale(1.03)}to{transform:scale(1)}}.result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.result-big{font-size:84px;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.result h1{font-family:var(--font-heading);margin:0;font-size:30px;font-weight:800;line-height:1.05}.answer{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-size:17px;font-weight:700;display:flex}.answer .emoji{font-size:28px}.squares{letter-spacing:4px;font-size:22px}.share-fallback{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:14px;min-height:72px;padding:12px;font-size:13px}.replay{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.replay button{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px}.countdown{color:var(--muted);text-align:center;font-size:13px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--text);color:var(--bg);z-index:40;white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.modal{z-index:30;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:400px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.sheet img{border:1px solid var(--line);border-radius:14px;width:100%;display:block}.sheet .hint{color:var(--muted);text-align:center;margin:0;font-size:12px}.sheet-buttons{flex-direction:column;gap:8px;display:flex}.share-calendar-canvas{display:none}.prof{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.prof h1{font-family:var(--font-heading);margin:6px 0 0;font-size:28px;font-weight:800;line-height:1.05}.consent-banner{z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.consent-banner p{color:var(--muted);margin:0;font-size:13px}.consent-actions{gap:8px;display:flex}.consent-actions .cta{padding:12px;font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.seo-nav{color:var(--muted);text-transform:lowercase;flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.seo-nav a{color:var(--muted);text-decoration:none}.seo-nav a:hover{color:var(--text)}.breadcrumb{color:var(--dim);text-transform:lowercase;font-size:11px}.breadcrumb a{color:var(--dim);text-decoration:none}.article{color:var(--text);font-size:15px;line-height:1.6}.article h1{font-family:var(--font-heading);text-transform:lowercase;margin:8px 0 4px;font-size:26px;font-weight:800;line-height:1.1}.article h2{font-family:var(--font-heading);text-transform:lowercase;margin:20px 0 8px;font-size:18px;font-weight:800}.article p{margin:0 0 12px}.clip-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.clip-list li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.clip-list figcaption{color:var(--muted);margin-bottom:8px;font-size:13px}.clip-list audio{width:100%;display:block}.wave-illustration{width:100%;height:32px;margin-bottom:8px}.wave-illustration rect{fill:var(--dim)}.neighbour-list{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.neighbour-list a,.neighbour-list span{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-block}.neighbour-list .is-hot{border-color:var(--hot)}.neighbour-list .is-warm{border-color:var(--warm)}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.sound-grid a{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:16px;align-items:center;gap:8px;padding:12px;font-size:14px;text-decoration:none;display:flex}.group-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.group-list a{background:var(--surface);border:1px solid var(--line);color:var(--text);text-transform:lowercase;border-radius:16px;justify-content:space-between;padding:14px 16px;text-decoration:none;display:flex}.archive-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.archive-list a{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:14px;justify-content:space-between;padding:12px 16px;text-decoration:none;display:flex}.archive-list .mono{color:var(--muted);font-size:13px}