*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bbc-blue: #003580;--bbc-blue-dark: #001f50;--gold: #c8960c;--gold-dark: #8b6608;--cream: #f5f0e8;--cream-mid: #ede5d0;--ink: #1a1a2e;--ink-light: #444455;--muted: #7a7060;--danger: #8b1a1a;--success: #2d6a2d;--card-bg: #fffdf7;--card-border: #d4c9a8;--font-display: "Playfair Display", "Georgia", serif;--font-body: "IM Fell English", "Georgia", serif;--font-mono: "Courier Prime", "Courier New", monospace}html,body,#root{height:100%;overflow:hidden;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.6}button{cursor:pointer}.stuckforwords-app{--font-display: "Nunito", "Segoe UI", system-ui, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body)}:root{--fr-mint: linear-gradient(180deg, #C6E4D7 0%, #BFE0D2 30%, #B4D8C8 100%);--fr-mint-ink: #221F1C;--fr-paper: #FFFDF7;--fr-ink: #221F1C;--fr-red: #E24A2E;--fr-yellow: #F0B429;--fr-blue: #2E5BC0;--fr-purple: #7A4FBF;--fr-glue: #EFEAE0;--fr-disabled: #9BB0A6;--fr-kitchen-wall: #E9DFCE;--fr-kitchen-grout: #D9CCB6;--fr-door: linear-gradient(180deg, #CBE7DA 0%, #BFE0D2 55%, #B0D4C3 100%);--fr-door-emboss: #22403488;--fr-door-emboss-faint: #22403455;--fr-door-emboss-shadow: 0 1px 0 #ffffff77;--fr-handle: linear-gradient(90deg, #9aa0a3 0%, #eef1f2 30%, #c6cbcd 55%, #8e9497 100%);--fr-strip: linear-gradient(180deg, #DFE3E4, #C9CED0);--fr-note-yellow: #FDF6C9;--fr-font-display: "Fredoka", "Nunito", sans-serif;--fr-font-body: "Nunito", "Segoe UI", system-ui, sans-serif;--fr-tile-shadow: 0 2px 0 rgba(0,0,0,.18), 0 5px 10px rgba(20,40,30,.25);--fr-note-shadow: 0 6px 14px rgba(20,40,30,.22);--fr-btn-shadow: 0 3px 0 rgba(0,0,0,.22), 0 8px 16px rgba(20,40,30,.28)}.fridge-app{font-family:var(--fr-font-body);color:var(--fr-ink)}body:has(.fridge-app):before{display:none}.fridge-app :focus-visible{outline:3px solid var(--fr-blue);outline-offset:2px;border-radius:4px}@keyframes frPop{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes frFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes frSnap{0%{transform:scale(1)}45%{transform:scale(1.06) rotate(-1deg)}to{transform:scale(1)}}@keyframes frSlideInLeft{0%{opacity:0;transform:translate(-110%)}to{opacity:1;transform:translate(0)}}@keyframes frSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.fr-pop{animation:frPop .18s ease both}.fr-in{animation:frFadeIn .3s ease both}.fr-snap{animation:frSnap .45s ease both}.fr-slide-in{animation:frSlideInLeft .4s ease both}.fr-slide-out{animation:frSlideOutRight .4s ease both}@media (prefers-reduced-motion: reduce){.fr-pop,.fr-in,.fr-snap,.fr-slide-in,.fr-slide-out{animation:none}.fridge-app *{transition-duration:.01ms!important}}.fridge-app input[type=range]{accent-color:var(--fr-red)}.fr-hostbar{position:fixed;z-index:900;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--fr-strip);border:1px solid #ffffff99;border-radius:10px;padding:8px 12px;box-shadow:0 6px 16px #14281e4d,inset 0 1px #fff8}@media (min-width: 900px){.fr-hostbar{left:auto;right:14px;bottom:auto;top:68px;transform:none}}@media (max-width: 400px){.fr-polaroid{display:none}}a{color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-mid)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.room-code-input::placeholder{font-family:var(--font-body);font-size:1rem;letter-spacing:normal;text-transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes buzz{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg) scale(1.05)}40%{transform:rotate(4deg) scale(1.05)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease both}.animate-slide{animation:slideDown .3s ease both}.pulse{animation:pulse 2s ease-in-out infinite}