@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#262133;--purple:#7357df;--cream:#f7f5ee}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}main{max-width:1240px;margin:auto;padding:0 48px}header{border-bottom:1px solid #dedbd3;align-items:center;gap:24px;height:100px;display:flex}.brand{letter-spacing:-3px;color:var(--ink);font:700 31px Space Grotesk,sans-serif;text-decoration:none}.brand span{color:var(--purple)}.header-note{letter-spacing:1.7px;margin-left:15px;font-size:10px}.ghost{color:var(--ink);background:0 0;border:0;padding:10px;font-size:13px}header .ghost{margin-left:auto}.hero{grid-template-columns:1.15fr 1fr;gap:70px;padding:64px 0 40px;display:grid}.eyebrow,.cardlabel{letter-spacing:2px;font-size:11px;font-weight:700}.eyebrow{color:var(--purple)}.eyebrow i{background:var(--purple);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}h1{letter-spacing:-6px;margin:26px 0;font:700 88px/.98 Space Grotesk,sans-serif}h1 em{color:var(--purple);font-style:normal}.lead{color:#625c6d;font-size:20px;line-height:1.6}.pills{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pills span{border:1px solid #ddd7cb;border-radius:30px;padding:8px 13px;font-size:12px}.joincard{background:#fff;border:1px solid #e4dfd7;border-radius:22px;align-self:start;margin-top:12px;padding:32px;box-shadow:0 8px #eae5dc}h2{letter-spacing:-1px;margin:16px 0 10px;font:700 31px/1.2 Space Grotesk,sans-serif}.joincard>p{color:#77707e;margin-bottom:28px;font-size:13px}label{margin:20px 0 9px;font-size:12px;font-weight:700;display:block}input{width:100%;color:var(--ink);background:#faf9fc;border:1px solid #ded9e5;border-radius:10px;outline:none;padding:16px}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7357df20}.primary{background:var(--purple);color:#fff;border:0;border-radius:10px;justify-content:space-between;width:100%;margin-top:16px;padding:17px 20px;font-weight:700;display:flex}.primary:hover:enabled{background:#6145cb}.divider{color:#9b94a3;align-items:center;gap:12px;margin:25px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#e9e6ed;flex:1;height:1px}.joinrow{gap:10px;display:flex}.codeinput{letter-spacing:4px;min-width:0;font-family:Space Grotesk}.secondary{color:#5b41b3;white-space:nowrap;background:#ece7fa;border:0;border-radius:10px;padding:0 24px;font-weight:700}.fine{line-height:1.8;color:#918995!important;font-size:11px!important}.joincard .fine{text-align:center;margin:20px 0 0}.art{max-width:430px;height:150px;margin-top:38px;position:relative}.face{border:2px solid var(--ink);width:100px;height:95px;box-shadow:5px 5px 0 var(--ink);border-radius:25px;place-items:center;font-size:38px;display:grid;position:absolute}.yellow{background:#f5d75c;top:18px;left:40px;transform:rotate(-12deg)}.pink{background:#e9aabf;top:40px;left:160px;transform:rotate(12deg)}.bubble{border:1.5px solid var(--ink);z-index:2;border-radius:15px;padding:10px 15px;font-size:12px;font-weight:700;position:absolute}.purple{background:#ded3ff;top:0;left:130px;transform:rotate(6deg)}.white{background:#fff;top:112px;left:10px;transform:rotate(-4deg)}.spark{color:var(--purple);font-size:57px;position:absolute;top:50px;left:290px}.steps{border-top:1px solid #dedbd3;grid-template-columns:repeat(3,1fr);gap:32px;padding:34px 0;display:grid}.steps b{color:var(--purple);font-size:12px}h3{margin:12px 0;font:700 18px Space Grotesk}.steps p{color:#797180;font-size:12px;line-height:1.6}footer{color:#938b98;border-top:1px solid #dedbd3;justify-content:space-between;margin-top:24px;padding:23px 0;font-size:10px;display:flex}footer span:first-child{letter-spacing:2px}.rules{background:#eee8fc;border:1px solid #d7cee9;border-radius:16px;margin:24px 0;padding:28px;font-size:14px;line-height:1.8}.close{float:right}.play{padding:35px 0}.roomtop{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.roomcode{letter-spacing:5px;background:0 0;border:0;padding:5px 0;font:700 30px Space Grotesk}.roomcode small{letter-spacing:0;color:#7b728a;font:12px DM Sans}.gamegrid{grid-template-columns:1fr 290px;gap:24px;display:grid}.stage{background:#fff;border:1px solid #e0d9e8;border-radius:22px;min-height:420px;padding:36px}.stage>p,.stage form>p{color:#82788b;font-size:14px;line-height:1.7}.phasebar{justify-content:space-between;align-items:center;display:flex}.timer{color:var(--purple);background:#eee8fc;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:700;display:grid}.urgent{color:#b13b44;background:#ffe8e6}.question{margin:26px 0;font-size:32px}.avatars{flex-wrap:wrap;gap:24px;margin:34px 0;display:flex}.avatars>div{text-align:center;overflow-wrap:anywhere;max-width:100px}.avatar{background:#e5dcff;border-radius:20px;place-items:center;width:60px;height:60px;margin:auto auto 10px;font-size:24px;display:grid}.a1,.a4{background:#f6dc88}.a2,.a5{background:#edc1d0}.a3,.a6{background:#c7dfcf}.avatars b{font-size:13px;display:block}.avatars small{color:#908299;font-size:11px}.waiting{background:#f5f1fc;border-radius:12px;margin-top:24px;padding:26px;line-height:1.6}.waiting p{color:#857890;font-size:13px}aside{background:#ede7f8;border-radius:20px;align-self:start;padding:26px}.score{border-bottom:1px solid #dcd2eb;align-items:center;gap:12px;padding:17px 0;display:flex}.rank{color:#9883b2;font-size:12px}.score b{overflow-wrap:anywhere;font-size:13px}.score small{color:#8c79a5;margin-top:3px;font-size:10px;display:block}.score strong{margin-left:auto;font-size:14px}.options{gap:10px;margin:24px 0;display:grid}.options button{text-align:left;background:#faf8fd;border:1px solid #ddd4ec;border-radius:12px;align-items:center;gap:14px;padding:17px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.options button:hover:enabled{border-color:var(--purple);background:#eee7ff}}.optionletter{color:var(--purple);background:#ece5f7;border-radius:7px;padding:7px;font-size:12px}.options small{color:#9a8baa;margin-left:auto;font-size:11px}.reveal>div{border:1px solid #e4ddec;border-radius:12px;padding:20px}.reveal .truth{background:#edf8f0;border-color:#7aab8e}.reveal p{color:#8d7f98;font-size:12px}.trophy{color:var(--purple);text-align:center;font-size:100px}.error{color:#982b3a;background:#ffe5e5;border-radius:12px;margin:20px 0;padding:15px}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #bdabff}@media (max-width:800px){main{padding:0 22px}header{height:78px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:20px;padding:36px 0}.intro h1{font-size:74px}.art{display:none}.joincard{margin:12px 0}.steps{gap:18px}.steps h3{font-size:15px}.gamegrid{grid-template-columns:1fr}.roomtop{flex-wrap:wrap;gap:15px}.stage{padding:25px}.question{font-size:27px}footer{gap:15px}.lead{font-size:18px}}@media (prefers-reduced-motion:no-preference){.stage,.joincard{animation:.3s appear}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}.selection{background:#f7f4fc;border-radius:14px;grid-template-columns:1fr 1fr;gap:0 18px;margin:24px 0;padding:6px 20px 14px;display:grid}.selection p{grid-column:1/-1;margin-bottom:0}select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d9d1e5;border-radius:10px;min-width:0;padding:13px 12px}select:focus-visible{outline:3px solid #bdabff}select:disabled{opacity:.8;color:var(--ink)}.game-focus{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.game-focus span{color:#7357df;background:#f1ebfc;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.picked{background:#f5f1fb;border-radius:14px;margin:22px 0;padding:22px}.pickrow{border-bottom:1px solid #e3daef;justify-content:space-between;gap:20px;padding:13px 0;font-size:13px;display:flex}.pickrow:last-child{border:0}.pickrow span{text-align:right}.pickrow small{color:#6b8c71;margin-top:5px;font-size:10px;display:block}.creator{color:#655080;font-size:12px;font-weight:600;letter-spacing:0!important}@media (max-width:600px){.selection{grid-template-columns:1fr}.selection p{grid-column:1}footer{text-align:center;flex-wrap:wrap;justify-content:center}footer .creator{order:-1;width:100%}.pickrow{flex-direction:column;gap:5px}.pickrow span{text-align:left}}.owner-link{color:inherit;white-space:nowrap;font-size:11px;text-decoration:underline}.vote-options .options button{touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}.vote-options .options button:focus-visible{outline:3px dashed var(--purple);outline-offset:3px}.vote-options .options button.vote-confirmed{opacity:1;color:var(--ink);background:#edf8f0;border:2px solid #247b54}.vote-options .options button.vote-sending{border:2px dashed var(--purple);opacity:1;background:#faf8fd}.vote-answer{overflow-wrap:anywhere;min-width:0}.vote-status{font-size:14px;line-height:1.6}.vote-error{color:#a33335;background:#fff0ef;border-radius:8px;padding:12px;font-size:14px;line-height:1.6}.public-live{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;font-size:13px;display:flex}.public-live>span{color:#248461;font-size:11px}.public-live small{color:#66746c;font-size:11px}.wait-panel{color:var(--ink);background:#fff;border:1px solid #d4ddd5;border-radius:16px;margin:26px 0;padding:26px}.wait-panel h2{letter-spacing:0;font-size:24px;line-height:1.4}.wait-panel p{font-size:14px;line-height:1.7}.wait-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.wait-actions button,.wait-exit{color:var(--ink);font:inherit;background:#f2f5f1;border:1px solid #c7d4cb;border-radius:8px;padding:13px 18px;font-size:14px}.wait-person{border-top:1px solid #e0e6e1;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;display:flex}.wait-person b{overflow-wrap:anywhere}@media (max-width:600px){.wait-panel{padding:20px}.wait-person{flex-wrap:wrap;gap:6px}}.room-invite{background:#fff;border:1px solid #d8d9e5;border-radius:18px;margin:24px 0;padding:24px}.room-invite p{margin:8px 0 16px}.invite-actions{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.invite-actions a{align-items:center;text-decoration:none;display:inline-flex}.room-invite input{width:100%;min-width:0}.room-invite small{margin-top:8px;display:block}.invite-entry{background:#f0edff;border-radius:12px;margin-bottom:18px;padding:16px}.invite-entry p{margin:8px 0}.room-dialog-backdrop{z-index:1000;background:#17203499;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-management{color:#172034;background:#fff;border-radius:20px;width:min(100%,520px);max-height:85vh;padding:28px;overflow:auto;box-shadow:0 12px 50px #0002}.room-management p{margin:16px 0}.room-management button{margin:12px 8px 0 0}.room-management select{width:100%;margin:12px 0}.account-panel,.account-board{color:#172034;background:#fff;border:1px solid #d8d9e5;border-radius:18px;margin:20px 0;padding:22px}.account-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.account-heading h2{margin:0}.account-panel form{max-width:580px;margin-top:18px}.account-panel form button{margin:12px 8px 0 0}.account-table{overflow-x:auto}.account-table table{border-collapse:collapse;width:100%}.account-table th,.account-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e6ee;padding:14px 10px}.account-me{background:#f0edff}.account-board p,.account-board small{margin:16px 0;display:block}.account-heading select{min-width:160px}.profile-shell{max-width:1050px;margin:auto;padding:28px}.profile-shell form{max-width:480px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;display:grid}.profile-stats section{background:#fff;border:1px solid #d8d9e5;border-radius:16px;padding:24px}.profile-stats strong{font-size:32px}@media (max-width:700px){.profile-stats{grid-template-columns:1fr}.account-heading{align-items:flex-start}.profile-shell,.account-panel,.account-board{padding:18px}.account-heading button{max-width:100%}}.account-field-error{color:#a12020;margin:8px 0 16px;font-weight:600}.account-panel input[aria-invalid=true]{border-color:#a12020}@media (max-width:700px){.profile-shell{font-size:15px;line-height:1.5}.profile-shell h1{letter-spacing:-.5px;margin:16px 0 20px;font-size:30px;line-height:1.15}.profile-shell h2{letter-spacing:normal;overflow-wrap:anywhere;font-size:21px;line-height:1.3}.profile-shell h3{font-size:18px;line-height:1.35}.profile-shell p,.profile-shell .account-heading{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.profile-shell small,.profile-shell label,.profile-shell .fine{font-size:13px;line-height:1.45}.profile-shell button,.profile-shell a{font-size:15px;line-height:1.4}.profile-shell input{font-size:16px}.profile-shell .profile-stats{gap:14px}.profile-shell .profile-stats section{padding:18px}.profile-shell .profile-stats strong{font-size:26px;line-height:1.2}.profile-shell .account-table th,.profile-shell .account-table td{padding:12px 8px;font-size:14px}}.profile-return{flex-wrap:wrap;align-items:baseline;gap:8px;line-height:1.5;display:flex}.profile-return a{display:inline}@media (max-width:700px){.profile-shell .profile-save-name{margin-top:16px;display:block}.profile-return{gap:6px;font-size:15px}}.profile-shell .profile-save-name{min-height:48px;padding-top:14px;padding-bottom:14px}button.room-exit-minimal,button.wait-exit{box-shadow:none;color:var(--ink);text-transform:none;background:0 0;border:0;border-radius:0;min-height:40px;padding:10px;font-size:13px;font-weight:400;line-height:1.5}.room-invite .invite-actions a.secondary{font-weight:700}.room-profile-link{margin-top:16px;padding-top:12px;padding-bottom:12px;display:inline-block}.room-invite{scroll-margin-top:24px}.lobby-mode .room-invite{background:#f5f1fc;border-radius:22px;margin:0;padding:26px}.lobby-mode .room-invite strong{font-size:18px;line-height:1.3}.lobby-mode .room-invite p{color:#756f80;margin:10px 0 18px;font-size:13px;line-height:1.7}.lobby-mode .room-invite input{font-size:14px}.lobby-mode .invite-actions .secondary{padding:14px 20px;font-size:14px;line-height:1.5}.lobby-grid>.stage{background:#f5f1fc;grid-area:1/1}.lobby-grid>.room-invite{grid-area:2/1}.lobby-grid>aside{grid-area:1/2/span 2}@media (max-width:800px){.lobby-grid{gap:20px}.lobby-grid>.stage,.lobby-grid>.room-invite,.lobby-grid>aside{grid-area:auto}.lobby-mode .room-invite{padding:25px}.lobby-mode .room-invite strong{font-size:17px}}.lobby-mode .primary{padding-top:20px;padding-bottom:20px}.lobby-mode .room-exit-minimal,.lobby-mode .pills>.ghost{padding-top:14px;padding-bottom:14px}.mobile-scroll-top{display:none}@media (max-width:800px){button.mobile-scroll-top{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;background:var(--purple,var(--green,#4263ba));color:#fff;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;padding:0;line-height:1;display:grid;position:fixed;box-shadow:0 4px 14px #17203426}.mobile-scroll-top svg{pointer-events:none}button.mobile-scroll-top:focus-visible{outline:3px solid var(--ink);outline-offset:3px}}#name[readonly]{color:var(--ink);cursor:default;background:#f0eef4}.entry-name-label{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.account-name-note{font-weight:400}.account-name-note a{color:inherit}.entry-name-label .account-name-note{text-align:left;margin:0}.account-panel.account-minimal{box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;margin:20px 0;padding:0;font-size:13px;font-weight:400;line-height:1.8}.account-inline{overflow-wrap:anywhere;display:block}.account-inline a,button.account-inline-action{font:inherit;color:inherit;text-underline-offset:3px;font-weight:400;text-decoration:underline}.account-inline button.account-inline-action,button.account-inline-action{box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;width:auto;min-height:0;margin:0;padding:0;display:inline}.account-minimal form{margin-top:16px}.profile-shell button.profile-sign-out{margin:0 0 8px;font-size:14px}:is(.account-minimal .account-inline a:focus-visible,.account-minimal .account-inline button:focus-visible){outline-offset:4px;outline:2px solid}.room-alert-controls{margin:16px 0;font-size:13px}.room-alert-actions{flex-wrap:wrap;gap:14px;display:flex}.room-alert-actions button{font:inherit;color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.room-alert-notice{color:var(--ink);background:#eceaf5;border:1px solid #d6d1e5;border-radius:12px;align-items:center;gap:16px;margin-top:10px;padding:14px 18px;line-height:1.5;display:flex}.room-alert-notice button{color:inherit;background:0 0;border:0;margin-left:auto;padding:4px 8px;font-size:22px}.game-start-overlay{z-index:1000;color:#fff;text-align:center;background:#171527dc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-start-overlay strong{font-size:80px;line-height:1.3;display:block}.game-start-overlay p{font-size:20px;line-height:1.5}.room-alert-notice{top:calc(14px + env(safe-area-inset-top));z-index:1100;width:calc(100% - 32px);max-width:560px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #19152726}.account-board .account-heading label{flex-direction:column;gap:8px;margin:0;display:flex}.account-board .account-table th,.account-board .account-table td,.account-board select{font-size:13px;line-height:1.5}.account-board .account-table th{font-weight:600}#final-score-card{scroll-margin-top:24px}.guest-account-backdrop{z-index:1200;background:#17152770;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guest-account-dialog{background:var(--cream,#f7f5ee);width:100%;max-width:410px;color:var(--ink);border:1px solid #ded9e5;border-radius:18px;padding:26px;box-shadow:0 12px 40px #17152733}.guest-account-dialog h2{letter-spacing:normal;margin:0 0 12px;font-size:24px}.guest-account-dialog p{font-size:14px;line-height:1.6}.guest-account-dialog .guest-account-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.guest-account-dialog button{font:inherit;font-size:14px}.guest-account-dialog .secondary{padding:12px 18px}.guest-account-dialog .guest-account-close{color:inherit;background:0 0;border:0;margin-top:18px;padding:8px 0;text-decoration:underline}.brand{letter-spacing:-.8px;white-space:nowrap;font-size:23px}@media (max-width:800px){.brand{letter-spacing:-.6px;font-size:20px}}.brand.brand-monogram{letter-spacing:-3px;white-space:nowrap;font:700 34px/1 Space Grotesk,sans-serif;display:inline-block}.brand.brand-monogram span{color:var(--purple)}@media (max-width:800px){.brand.brand-monogram{letter-spacing:-3px;font-size:32px}}#room-alert-controls-slot .room-alert-controls{margin:14px 0 0}#room-alert-controls-slot .room-alert-actions{align-items:center;gap:16px}.room-alert-actions button.sound-icon-button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:10px;text-decoration:none;display:inline-grid}.sound-icon-button svg{pointer-events:none}.room-alert-actions button.sound-icon-button[aria-pressed=true]{color:var(--purple,var(--green,#4263ba))}.sound-icon-button:focus-visible{outline-offset:2px;outline:2px solid}.invite-entry{text-align:left}.invite-entry button.invite-other-room{text-align:left;text-underline-offset:3px;color:inherit;white-space:normal;background:0 0;border:0;border-radius:0;margin:0;padding:6px 0;font-size:13px;font-weight:400;text-decoration:underline;display:block}.room-alert-actions button.sound-icon-button{justify-content:center;align-items:center;gap:7px;width:auto;font-size:13px;font-weight:400;line-height:1.5;display:inline-flex}.sound-icon-button span{margin:0}.primary.guest-wait-button{text-align:center;cursor:default;justify-content:center}#question-card,#final-score-card{scroll-margin-top:20px}.lobby-readiness{background:var(--cream,#f7f5f9);border:1px solid #d9d7df;border-radius:14px;margin:22px 0;padding:18px;font-size:13px}.readiness-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby-readiness h3{margin:0;font-size:16px}.lobby-readiness ul{margin:14px 0;padding:0;list-style:none}.lobby-readiness li{border-bottom:1px solid #dedde4;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.lobby-readiness li strong{color:#6b6877;white-space:nowrap;font-size:12px;font-weight:400}.lobby-readiness li strong.is-ready{color:#28745b;font-weight:600}.interrupted-game{background:#f7ebd5;border:1px solid #d8c9a8;border-radius:14px;margin:20px 0;padding:16px 18px;font-size:13px}.interrupted-game p{margin:8px 0 0}.room-management .room-invite{box-shadow:none;margin:16px 0 0;padding:16px}.room-management .room-invite strong{font-size:16px}.room-management .room-invite p{font-size:13px}:root{--entry-card-surface:#f5f1fc}.joincard,.account-board,.gamegrid>aside{background:var(--entry-card-surface)}.account-name-adjustment{background:0 0;border:1px solid #ccd2cb;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.profile-shell #profile-name-status{min-height:1.5em;margin:8px 0 0}@media (min-width:701px){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235b687c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:44px}@media (forced-colors:active){select:not([multiple]):not([size]),select[size="1"]:not([multiple]){-webkit-appearance:auto;appearance:auto;background-image:none}}}.notice-center{vertical-align:middle;color:inherit;margin-left:10px;display:inline-flex}.notice-bell{cursor:pointer;border-radius:8px;align-items:center;gap:6px;font:inherit!important;color:inherit!important;background:0 0!important;border:0!important;margin:0!important;padding:7px!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;display:inline-flex!important}:is(.notice-bell:focus-visible,.notice-text-action:focus-visible){outline-offset:3px;outline:2px solid}.notice-badge{background:var(--green,#7457d6);color:#fff;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:600;display:inline-grid}.room-management:has(.notice-inbox){background:var(--paper,var(--cream,#f8f7f1));width:min(100%,560px);color:var(--ink,#26352f)}.notice-inbox{font-size:14px;line-height:1.6}.notice-inbox button{font:inherit;letter-spacing:normal;text-transform:none}.notice-inbox h3{letter-spacing:normal;overflow-wrap:anywhere;margin:18px 0 8px;font-size:20px;line-height:1.4}.notice-inbox time{opacity:.7;font-size:12px;display:block}.notice-inbox .notice-subtitle{opacity:.8;font-size:13px;line-height:1.6}.notice-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.notice-text-action{cursor:pointer;text-decoration:underline;color:inherit!important;background:0 0!important;border:0!important;margin:0!important;padding:6px 0!important;font-size:13px!important}.notice-inbox .notice-item{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #78837940;border-radius:10px;margin:10px 0;padding:14px;line-height:1.5;display:block}.notice-inbox .notice-item.notice-unread{background:#738c7610;border-color:#78837980}.notice-item-heading{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-unread-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.notice-preview{opacity:.8;overflow-wrap:anywhere;margin:6px 0;font-size:13px;display:block}.notice-message{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:normal!important;font-size:14px!important;line-height:1.7!important}.notice-error{color:#9b3424!important;font-size:13px!important}@media (max-width:700px){.room-dialog-backdrop:has(.notice-inbox){align-items:end;padding:12px}.room-management:has(.notice-inbox){max-height:85vh;border-radius:18px 18px 10px 10px;max-height:85dvh;padding:22px}.notice-center{margin-left:4px}.notice-bell{font-size:12px!important}.notice-inbox h3{font-size:18px}}