:root{--jm-ink: #344236;--jm-muted: #617052;--jm-green: #728650;--jm-green-strong: #4f673a;--jm-sage: #e6ebd6;--jm-page: #fbfaf3;--jm-surface: #fffef9;--jm-art-scrim: #fffef9e6;--jm-border: #e3e6d7;--jm-accent: #efa955;--jm-pink: #e7a4b3;--jm-shadow: 0 14px 45px #52643a0c;--jm-radius-sm: 12px;--jm-radius-md: 18px;--jm-radius-lg: 24px;--jm-space-1: 4px;--jm-space-2: 8px;--jm-space-3: 12px;--jm-space-4: 16px;--jm-space-6: 24px;--jm-space-8: 32px;--jm-z-header: 35;--jm-z-tools: 45;--jm-z-overlay: 80;--jm-z-toast: 110;--jm-motion-fast: .16s;--jm-motion-normal: .24s;--jm-text-xs: 12px;--jm-text-sm: 13px;--jm-text-base: 15px;--jm-text-h2: 23px;--jm-text-h1: 32px;--jm-card-radius: 20px;--jm-card-shadow: 0 8px 26px #41543114;--jm-focus-ring: 0 0 0 3px #efa95559}html[data-jm-theme=night]{--jm-ink: #e4eadc;--jm-muted: #b8c4ae;--jm-green: #869f67;--jm-green-strong: #c2d5a7;--jm-sage: #2a3829;--jm-page: #172019;--jm-surface: #222d24;--jm-art-scrim: #222d24e6;--jm-border: #3c4938;--jm-accent: #e5b573;--jm-pink: #daa9b2;--jm-shadow: 0 12px 36px #0003;--jm-card-shadow: 0 12px 30px #05080566;--jm-focus-ring: 0 0 0 3px #a5c27b59}:root{--dg-ink: #344236;--dg-muted: #6c7a5c;--dg-green: #728650;--dg-green-strong: #4f673a;--dg-on-green: #fffef5;--dg-sage: #e6ebd6;--dg-sage-soft: #f2f5e8;--dg-page: #fbfaf3;--dg-paper: #fffef9;--dg-line: #e3e6d7;--dg-accent: #efa955;--dg-accent-soft: #fff1d9;--dg-accent-ink: #8a5f22;--dg-pink: #e7a4b3;--dg-pink-soft: #fbe7ec;--dg-danger: #c4554a;--dg-shadow: 0 14px 45px #52643a12;--dg-shadow-sm: 0 4px 0 #dfe4cf66;--dg-radius: 22px;--dg-font: "Microsoft YaHei", "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;color-scheme:light}html[data-jm-theme=night]{--dg-ink: #e4eadc;--dg-muted: #b3c0a8;--dg-green: #8aa36a;--dg-green-strong: #c2d5a7;--dg-on-green: #172019;--dg-sage: #2a3829;--dg-sage-soft: #233024;--dg-page: #172019;--dg-paper: #222d24;--dg-line: #3c4938;--dg-accent: #e5b573;--dg-accent-soft: #3a3324;--dg-accent-ink: #f0cd96;--dg-pink: #daa9b2;--dg-pink-soft: #3a2a2e;--dg-danger: #e88d80;--dg-shadow: 0 12px 36px #0004;--dg-shadow-sm: 0 4px 0 #0002;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body.dg-body{min-height:100vh;background:radial-gradient(circle at 12% 18%,#efa95514 0 160px,transparent 161px),radial-gradient(circle at 88% 70%,#72865012 0 220px,transparent 221px),var(--dg-page);color:var(--dg-ink);font:15px/1.6 var(--dg-font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;flex:none}:focus-visible{outline:3px solid var(--dg-accent);outline-offset:3px;border-radius:10px}.dg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dg-noscript{text-align:center;padding:40px}.dg-gingham{height:11px;background:repeating-linear-gradient(90deg,#72865033 0 12px,transparent 12px 24px),repeating-linear-gradient(0deg,#72865033 0 6px,transparent 6px 11px),#f6f3e2}html[data-jm-theme=night] .dg-gingham{background:repeating-linear-gradient(90deg,#8aa36a33 0 12px,transparent 12px 24px),repeating-linear-gradient(0deg,#8aa36a33 0 6px,transparent 6px 11px),#1d281e}.dg-header{max-width:1380px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:16px}.dg-brand{display:flex;align-items:center;gap:11px;margin-right:auto}.dg-brand-paw{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--dg-accent-soft);color:var(--dg-accent);border:1px solid #efa95555;transform:rotate(-6deg)}.dg-brand-paw svg{width:24px;height:24px}.dg-brand strong{display:block;font-size:20px;letter-spacing:1px}.dg-brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--dg-muted)}.dg-header-actions{display:flex;align-items:center;gap:8px}.dg-body:not(.dg-in-room) [data-act=to-lobby]{display:none}.dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 18px;border:1px solid var(--dg-green);border-radius:14px;background:var(--dg-green);color:var(--dg-on-green);font-weight:700;white-space:nowrap;box-shadow:0 3px color-mix(in srgb,var(--dg-green-strong) 60%,transparent);transition:transform .15s,box-shadow .15s,background .15s}.dg-btn:hover:not(:disabled){transform:translateY(-1px)}.dg-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.dg-btn.light{background:var(--dg-paper);color:var(--dg-ink);border-color:var(--dg-line);box-shadow:var(--dg-shadow-sm)}.dg-btn.ghost{background:transparent;color:var(--dg-ink);border-color:transparent;box-shadow:none}.dg-btn.small{min-height:36px;padding:6px 12px;font-size:13px;border-radius:12px}.dg-btn.big{min-height:50px;padding:12px 26px;font-size:16px;border-radius:16px}.dg-icon-btn{width:40px;height:40px;border-radius:13px;display:inline-grid;place-items:center;border:1px solid var(--dg-line);background:var(--dg-paper);color:var(--dg-ink)}.dg-icon-btn:hover{border-color:var(--dg-green);color:var(--dg-green-strong)}.dg-link{border:0;background:none;color:var(--dg-green-strong);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px}.dg-main{max-width:1380px;margin:0 auto;padding:8px 28px 48px}.dg-paper{background:var(--dg-paper);border:1px solid var(--dg-line);border-radius:var(--dg-radius);box-shadow:var(--dg-shadow)}.dg-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--dg-muted)}.dg-muted{color:var(--dg-muted)}.dg-center{text-align:center}.dg-hint{font-size:12px;color:var(--dg-muted);margin:6px 0 0}.dg-loading{min-height:50vh;display:grid;place-items:center;align-content:center;gap:10px;color:var(--dg-muted)}.dg-loading svg{width:38px;height:38px;color:var(--dg-accent);animation:dg-bob 1.2s ease-in-out infinite}@keyframes dg-bob{50%{transform:translateY(-6px) rotate(-8deg)}}.dg-tag{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--dg-sage);color:var(--dg-green-strong);white-space:nowrap}.dg-tag.green{background:var(--dg-sage);color:var(--dg-green-strong)}.dg-tag.orange{background:var(--dg-accent-soft);color:var(--dg-accent-ink)}.dg-banner{margin-bottom:16px;padding:12px 18px;border-radius:16px;border:1px dashed var(--dg-accent);background:var(--dg-accent-soft);color:var(--dg-accent-ink)}.dg-banner.green{border-color:var(--dg-green);background:var(--dg-sage-soft);color:var(--dg-green-strong)}.dg-banner a{font-weight:700;text-decoration:underline}.dg-avatar{--av: #efa955;width:38px;height:38px;flex:none;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--av) 26%,var(--dg-paper));color:color-mix(in srgb,var(--av) 70%,#3a2f1f);border:2px solid color-mix(in srgb,var(--av) 55%,var(--dg-paper));font-weight:800;font-size:15px}html[data-jm-theme=night] .dg-avatar{color:color-mix(in srgb,var(--av) 60%,#fff)}.dg-avatar img{width:100%;height:100%;object-fit:cover}.dg-avatar.xs{width:26px;height:26px;font-size:12px;border-width:1.5px}.dg-avatar.sm{width:36px;height:36px}.dg-avatar.lg{width:62px;height:62px;font-size:24px;border-width:3px}.dg-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:20px;padding:34px 40px;overflow:hidden;position:relative}.dg-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:var(--dg-sage-soft);z-index:0}.dg-hero>*{position:relative;z-index:1}.dg-hero h1{margin:8px 0 6px;font-size:44px;letter-spacing:4px;line-height:1.25}.dg-hero h1:after{content:"";display:block;width:92px;height:8px;margin-top:6px;border-radius:8px;background:linear-gradient(90deg,var(--dg-accent),var(--dg-pink));opacity:.8}.dg-hero p{margin:10px 0 22px;color:var(--dg-muted);max-width:520px}.dg-hero-art{width:100%;max-width:340px;height:auto;justify-self:center;filter:drop-shadow(0 12px 18px #8a6a3a22)}.dg-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.dg-join-form{display:flex;gap:8px}.dg-join-form input{width:168px;min-height:50px;padding:0 16px;border-radius:16px;border:1.5px dashed var(--dg-green);background:var(--dg-sage-soft);font-weight:800;letter-spacing:4px;text-transform:uppercase}.dg-join-form input::placeholder{letter-spacing:0;font-weight:500;color:var(--dg-muted)}.dg-join-form .dg-btn{min-height:50px}.dg-steps{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}.dg-steps li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--dg-sage-soft);font-size:13px}.dg-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--dg-accent);color:#fff;font-size:12px}.dg-lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:20px;align-items:start}.dg-lobby-side{display:grid;gap:20px}.dg-section{padding:22px 24px}.dg-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dg-section h2{display:flex;align-items:center;gap:9px;margin:0;font-size:18px}.dg-section h2 svg{color:var(--dg-accent);width:21px;height:21px}.dg-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.dg-room-card{padding:16px;border-radius:18px;border:1px solid var(--dg-line);background:linear-gradient(180deg,var(--dg-paper),var(--dg-sage-soft));transition:transform .2s,border-color .2s}.dg-room-card:hover{transform:translateY(-2px);border-color:var(--dg-green)}.dg-room-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.dg-room-card h3{margin:0;font-size:16px;overflow-wrap:anywhere}.dg-room-card p{margin:4px 0 12px;font-size:12px}.dg-room-card-foot{display:flex;align-items:center;gap:8px}.dg-room-card-foot b{margin-left:auto;font-size:13px;color:var(--dg-muted)}.dg-avatars{display:flex}.dg-avatars .dg-avatar+.dg-avatar{margin-left:-8px}.dg-empty{display:grid;justify-items:center;gap:4px;padding:14px;text-align:center;color:var(--dg-muted)}.dg-empty img,.dg-empty-page img{height:auto}.dg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dg-stats div{padding:10px 6px;border-radius:14px;background:var(--dg-sage-soft);text-align:center}.dg-stats div:nth-child(-n+3){background:var(--dg-accent-soft)}.dg-stats small{display:block;font-size:11px;color:var(--dg-muted)}.dg-stats b{font-size:19px;font-variant-numeric:tabular-nums}.dg-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dg-rank li{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:12px}.dg-rank li.me{background:var(--dg-sage-soft)}.dg-rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.dg-rank small{color:var(--dg-muted);font-size:12px}.dg-rank b{min-width:46px;text-align:right;font-variant-numeric:tabular-nums}.dg-rank-no{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:800;background:var(--dg-sage);color:var(--dg-muted)}.dg-rank-no.r1{background:#f6c75f;color:#6b4a0c}.dg-rank-no.r2{background:#d9dfd0;color:#4d5a43}.dg-rank-no.r3{background:#e7b48b;color:#6c3f1d}.dg-rules{margin-top:20px}.dg-rules h2{margin-bottom:14px}.dg-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dg-rule-grid div{padding:14px 16px;border-radius:16px;border:1px dashed var(--dg-line)}.dg-rule-grid b{color:var(--dg-green-strong)}.dg-rule-grid p{margin:6px 0 0;font-size:13px;color:var(--dg-muted)}.dg-login,.dg-empty-page{max-width:900px;margin:30px auto;padding:40px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center}.dg-empty-page{grid-template-columns:1fr;justify-items:center;text-align:center}.dg-login h1{font-size:40px;margin:8px 0;letter-spacing:4px}.dg-login p{color:var(--dg-muted)}.dg-login img{width:100%;height:auto}.dg-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px 28px;border:1px solid var(--dg-line);border-radius:24px;background:var(--dg-paper);color:var(--dg-ink);box-shadow:0 24px 80px #0005}.dg-dialog::backdrop{background:#1a2414a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dg-form h2{margin:0 0 16px;font-size:22px}.dg-field{display:grid;gap:6px;margin:0 0 14px;border:0;padding:0;min-width:0}.dg-field>label,.dg-field legend{font-size:13px;font-weight:700;padding:0}.dg-field small{font-weight:400;color:var(--dg-muted)}.dg-form input:not([type=checkbox]),.dg-form select,.dg-form textarea{width:100%;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid var(--dg-line);background:var(--dg-page)}.dg-form textarea{resize:vertical;min-height:76px}.dg-form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.dg-check{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px;font-size:13px;font-weight:700;cursor:pointer}.dg-check span{display:grid;grid-template-columns:auto 1fr;column-gap:4px;align-items:center}.dg-check span svg{width:15px;height:15px}.dg-check small{grid-column:1 / -1;font-weight:400;color:var(--dg-muted)}.dg-check input{margin-top:3px;accent-color:var(--dg-green);width:16px;height:16px}.dg-check.inline{margin:8px 0 0}.dg-chips{display:flex;flex-wrap:wrap;gap:8px}.dg-chip-check input{position:absolute;opacity:0;pointer-events:none}.dg-chip-check span{display:inline-flex;gap:5px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--dg-line);font-size:13px;cursor:pointer;background:var(--dg-page)}.dg-chip-check small{font-size:11px;color:var(--dg-muted)}.dg-chip-check input:checked+span{background:var(--dg-sage);border-color:var(--dg-green);color:var(--dg-green-strong);font-weight:700}.dg-chip-check input:focus-visible+span{outline:3px solid var(--dg-accent)}.dg-form-error{color:var(--dg-danger);min-height:1.2em;margin:4px 0;font-size:13px}.dg-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dg-room{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.dg-room>*,.dg-grid>*,.dg-lobby-grid>*,.dg-hero>*{min-width:0}.dg-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 18px;border-radius:20px}.dg-room-meta{display:flex;align-items:center;gap:10px;min-width:0}.dg-room-meta b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-code{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;border:1px dashed var(--dg-green);background:var(--dg-sage-soft);font-size:12px;white-space:nowrap}.dg-code code{font:800 14px/1 var(--dg-font);letter-spacing:2px;color:var(--dg-green-strong)}.dg-code svg{width:14px;height:14px}.dg-word{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;flex-wrap:wrap;text-align:center}.dg-word small{color:var(--dg-muted);font-size:12px}.dg-word-tip{font-weight:700;color:var(--dg-muted)}.dg-slots{display:inline-flex;gap:6px}.dg-slots i{width:34px;height:40px;display:grid;place-items:center;font:800 22px/1 var(--dg-font);font-style:normal;border-bottom:3px solid var(--dg-ink);color:var(--dg-ink)}.dg-slots i.on{color:var(--dg-accent-ink)}.dg-slots.full i{border-bottom-color:var(--dg-green);color:var(--dg-green-strong)}.dg-slots i.gap{width:12px;border:0}.dg-word-meta{padding:2px 9px;border-radius:999px;background:var(--dg-accent-soft);color:var(--dg-accent-ink)!important;font-weight:700}.dg-top-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.dg-round{font-size:13px;font-weight:700;color:var(--dg-muted);white-space:nowrap}.dg-timer{position:relative;width:48px;height:48px;display:grid;place-items:center}.dg-timer svg{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg)}.dg-timer circle{fill:none;stroke-width:4}.dg-timer .track{stroke:var(--dg-sage)}.dg-timer .bar{stroke:var(--dg-green);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.dg-timer span{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.dg-timer.urgent .bar{stroke:var(--dg-danger)}.dg-timer.urgent span{color:var(--dg-danger);animation:dg-pulse 1s ease-in-out infinite}@keyframes dg-pulse{50%{transform:scale(1.18)}}.dg-conn{padding:8px 14px;border-radius:12px;background:var(--dg-accent-soft);color:var(--dg-accent-ink);font-size:13px;text-align:center}.dg-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 310px;gap:14px;align-items:start}.dg-players,.dg-chat{padding:14px;border-radius:20px}.dg-players h3,.dg-chat h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:14px}.dg-players h3 svg,.dg-chat h3 svg{color:var(--dg-accent)}.dg-players h3 small{margin-left:auto;color:var(--dg-muted);font-weight:500}#dg-player-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}#dg-player-list li{position:relative;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:14px;border:1px solid transparent;transition:background .2s}#dg-player-list li.me{border-color:var(--dg-line);background:var(--dg-sage-soft)}#dg-player-list li.guessed{background:color-mix(in srgb,var(--dg-green) 16%,var(--dg-paper))}#dg-player-list li.drawing{background:var(--dg-accent-soft);border-color:#efa95566}#dg-player-list li.offline{opacity:.5}.dg-player-name{flex:1;min-width:0;display:grid;line-height:1.3}.dg-player-name b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-player-name small{font-size:12px;color:var(--dg-muted);font-variant-numeric:tabular-nums}.dg-player-name em{font-style:normal;color:var(--dg-green-strong);font-weight:800}.dg-badges{display:flex;gap:2px}.dg-badge{width:22px;height:22px;display:grid;place-items:center;border-radius:8px}.dg-badge svg{width:15px;height:15px}.dg-badge.host{color:#d49a2a}.dg-badge.drawer{color:var(--dg-accent-ink);background:#efa95533}.dg-badge.ok{color:var(--dg-on-green);background:var(--dg-green)}.dg-kick{position:absolute;right:-4px;top:-4px;width:20px;height:20px;border-radius:50%;border:1px solid var(--dg-line);background:var(--dg-paper);color:var(--dg-danger);font-size:13px;line-height:1;display:none;padding:0}#dg-player-list li:hover .dg-kick,#dg-player-list li:focus-within .dg-kick{display:block}.dg-stage{display:grid;gap:12px;min-width:0}.dg-canvas-wrap{position:relative;aspect-ratio:4 / 3;width:100%;border-radius:18px;background:#fff;border:1px solid var(--dg-line);box-shadow:0 2px #dfe4cf,var(--dg-shadow)}.dg-canvas-wrap:before,.dg-canvas-wrap:after{content:"";position:absolute;width:86px;height:22px;z-index:2;pointer-events:none;background:repeating-linear-gradient(45deg,#efa95599 0 6px,#f7cf9a99 6px 12px);border-radius:3px;opacity:.85}.dg-canvas-wrap:before{left:-14px;top:12px;transform:rotate(-32deg)}.dg-canvas-wrap:after{right:-14px;top:12px;transform:rotate(32deg);background:repeating-linear-gradient(45deg,#72865088 0 6px,#b7c69a88 6px 12px)}.dg-canvas-wrap[hidden]{display:none}#dg-canvas{display:block;width:100%;height:100%;border-radius:18px;touch-action:none;background:#fff}.dg-canvas-wrap.can-draw #dg-canvas{cursor:crosshair}.dg-canvas-wrap.can-draw.bucket #dg-canvas{cursor:cell}html[data-jm-theme=night] .dg-canvas-wrap{box-shadow:0 0 0 4px #2c3a2d,var(--dg-shadow);border-color:#4a5a44}.dg-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:18px;border-radius:18px}.dg-overlay[hidden]{display:none}.dg-overlay.choosing,.dg-overlay.podium{background:color-mix(in srgb,var(--dg-page) 82%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dg-overlay.reveal{background:#fffef933;align-items:end}html[data-jm-theme=night] .dg-overlay.reveal{background:#0002}.dg-card{width:min(440px,100%);max-height:100%;overflow:auto;padding:22px 24px;border-radius:22px;background:var(--dg-paper);border:1px solid var(--dg-line);box-shadow:0 18px 50px #2d3a2240;text-align:center;animation:dg-pop .35s cubic-bezier(.2,.9,.3,1.3)}@keyframes dg-pop{0%{transform:scale(.85) translateY(10px);opacity:0}}.dg-card h2{margin:6px 0 14px;font-size:22px}.dg-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}.dg-choice{min-width:108px;padding:14px 18px;border-radius:16px;border:2px solid var(--dg-line);background:var(--dg-page);font-size:18px;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.dg-choice:nth-child(3n+1){border-color:#efa95588}.dg-choice:nth-child(3n+2){border-color:#72865088}.dg-choice:nth-child(3n){border-color:#e7a4b388}.dg-choice:hover{transform:translateY(-3px) rotate(-1.5deg);background:var(--dg-accent-soft)}.dg-wait-card img{width:140px;height:auto}.dg-wait-card h2{margin-bottom:4px}.dg-reveal{width:min(400px,100%);padding:16px 20px}.dg-reveal p{margin:0 0 4px;font-size:13px}.dg-answer{margin:2px 0 8px!important;font-size:30px!important;color:var(--dg-accent-ink);letter-spacing:3px}.dg-deltas{list-style:none;margin:0;padding:0;display:grid;gap:3px;text-align:left;max-height:168px;overflow:auto}.dg-deltas li{display:flex;justify-content:space-between;padding:4px 10px;border-radius:10px;font-size:13px}.dg-deltas li span{display:flex;align-items:center;gap:4px}.dg-deltas li svg{width:14px;height:14px;color:var(--dg-accent-ink)}.dg-deltas li.plus{background:var(--dg-sage-soft)}.dg-deltas li.plus b{color:var(--dg-green-strong)}.dg-deltas li b{color:var(--dg-muted)}.dg-reveal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:var(--dg-muted)}.dg-reveal-foot>span{display:inline-flex;align-items:center;gap:5px}.dg-podium{width:min(520px,100%)}.dg-podium-row{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin:8px 0 14px}.dg-step{display:grid;justify-items:center;gap:4px;min-width:0}.dg-step b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.dg-step small{color:var(--dg-muted);font-size:12px}.dg-block{width:100%;display:grid;place-items:center;border-radius:14px 14px 6px 6px;font-size:26px;font-weight:900;color:#fff}.dg-step.first .dg-block{height:96px;background:linear-gradient(180deg,#f6c75f,#e2a43c)}.dg-step.second .dg-block{height:70px;background:linear-gradient(180deg,#b9c4a8,#8f9d7c)}.dg-step.third .dg-block{height:54px;background:linear-gradient(180deg,#e7b48b,#c98a5c)}.dg-crown{color:#e2a43c;animation:dg-bob 1.6s ease-in-out infinite}.dg-crown svg{width:30px;height:30px}.dg-rest{text-align:left;margin:0 0 14px;padding:0;list-style:none;display:grid;gap:4px}.dg-rest li{display:flex;justify-content:space-between;padding:4px 10px;border-radius:10px;background:var(--dg-sage-soft);font-size:13px}.dg-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border-radius:20px}.dg-toolbar[hidden],.dg-reactbar[hidden],.dg-waiting[hidden]{display:none}.dg-tools,.dg-sizes{display:flex;gap:6px}.dg-tools button{display:grid;justify-items:center;gap:1px;min-width:50px;padding:6px 6px 4px;border-radius:12px;border:1px solid var(--dg-line);background:var(--dg-page);font-size:11px}.dg-tools button svg{width:21px;height:21px}.dg-tools button.active{background:var(--dg-green);border-color:var(--dg-green);color:var(--dg-on-green)}.dg-tools button:hover:not(.active){border-color:var(--dg-green)}.dg-sizes button{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--dg-line);background:var(--dg-page);padding:0}.dg-sizes button i{display:block;border-radius:50%;background:var(--dg-ink)}.dg-sizes button.active{border-color:var(--dg-green);box-shadow:inset 0 0 0 2px var(--dg-green)}.dg-palette{display:grid;grid-template-columns:repeat(13,24px);gap:5px}.dg-palette button{width:24px;height:24px;padding:0;border-radius:8px;border:1px solid #0002;background:var(--c)}.dg-palette button.active{box-shadow:0 0 0 2px var(--dg-paper),0 0 0 4px var(--dg-ink);transform:scale(1.08)}.dg-custom-color{position:relative;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;border:1px dashed var(--dg-muted);cursor:pointer;overflow:hidden}.dg-custom-color input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dg-custom-color svg{width:15px;height:15px;pointer-events:none}.dg-skip{margin-left:auto}.dg-reactbar{display:flex;align-items:center;gap:10px;padding:0 6px;color:var(--dg-muted);font-size:13px}#dg-react-info{display:flex;align-items:center;gap:7px;margin-right:auto}.dg-react{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--dg-line);background:var(--dg-paper)}.dg-react[hidden]{display:none}.dg-react.active[data-kind=like]{background:var(--dg-pink-soft);border-color:var(--dg-pink);color:#c0566f}html[data-jm-theme=night] .dg-react.active[data-kind=like]{color:#f2b3c1}.dg-react.active[data-kind=dislike]{background:var(--dg-sage);border-color:var(--dg-muted)}.dg-react:disabled{opacity:1;cursor:default}.dg-waiting{padding:26px 28px;border-radius:22px;min-height:420px}.dg-waiting-inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:center}.dg-waiting h2{margin:6px 0 8px;font-size:26px}.dg-waiting-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.dg-setting-chips{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px}.dg-setting-chips li{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--dg-sage-soft);font-size:13px}.dg-setting-chips svg{width:15px;height:15px;color:var(--dg-green)}.dg-cats{font-size:13px;margin:0 0 18px}.dg-wait-host{display:inline-flex;padding:12px 20px;border-radius:14px;background:var(--dg-accent-soft);color:var(--dg-accent-ink);font-weight:700}.dg-waiting-art{display:grid;justify-items:center;gap:12px}.dg-waiting-art img{width:220px;height:auto}.dg-last{width:100%;padding:12px;border-radius:16px;border:1px dashed var(--dg-line)}.dg-last h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px}.dg-last h3 svg{color:var(--dg-accent)}.dg-last ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dg-last li{display:flex;align-items:center;gap:7px;font-size:13px}.dg-last li span:nth-child(3){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-chat{display:flex;flex-direction:column;height:min(640px,calc(100vh - 210px));min-height:380px;position:sticky;top:12px}.dg-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 2px 8px;overscroll-behavior:contain}.dg-msg{font-size:13px;line-height:1.5;padding:4px 9px;border-radius:10px;overflow-wrap:anywhere}.dg-msg.chat b{margin-right:6px;color:var(--dg-green-strong)}.dg-msg.chat.mine b{color:var(--dg-accent-ink)}.dg-msg.chat.inner{background:color-mix(in srgb,var(--dg-green) 14%,var(--dg-paper))}.dg-msg.chat.inner:before{content:"猜中频道 · ";font-size:11px;color:var(--dg-green-strong)}.dg-msg.sys,.dg-msg.join,.dg-msg.leave,.dg-msg.turn{color:var(--dg-muted);text-align:center;font-size:12px}.dg-msg.turn{color:var(--dg-accent-ink);font-weight:700}.dg-msg.correct{background:var(--dg-green);color:var(--dg-on-green);font-weight:800;text-align:center}.dg-msg.close,.dg-msg.private{background:var(--dg-accent-soft);color:var(--dg-accent-ink);font-weight:700;text-align:center}.dg-msg.answer{background:var(--dg-pink-soft);color:var(--dg-ink);font-weight:800;text-align:center}.dg-chat-form{display:flex;gap:8px;padding-top:10px;border-top:1px dashed var(--dg-line)}.dg-chat-form input{flex:1;min-width:0;min-height:44px;padding:0 14px;border-radius:14px;border:1.5px solid var(--dg-line);background:var(--dg-page)}.dg-chat-form input:focus{border-color:var(--dg-green);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--dg-green) 22%,transparent)}.dg-chat-form .dg-btn{width:48px;padding:0}.dg-toast{position:fixed;left:50%;bottom:28px;z-index:100;max-width:min(92vw,460px);padding:11px 20px;border-radius:14px;background:var(--dg-ink);color:var(--dg-page);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .2s,transform .2s;text-align:center;font-size:14px}.dg-toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1180px){.dg-grid{grid-template-columns:200px minmax(0,1fr) 270px}.dg-palette{grid-template-columns:repeat(9,24px)}.dg-rule-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.dg-header{padding:12px 16px}.dg-main{padding:6px 14px 32px}.dg-hero{grid-template-columns:1fr 220px;padding:26px}.dg-hero h1{font-size:36px}.dg-lobby-grid,.dg-grid{grid-template-columns:minmax(0,1fr)}.dg-stage{order:1}.dg-players{order:3;padding:10px}.dg-chat{order:2;position:static;height:260px;min-height:0}.dg-in-room .dg-main{padding-bottom:96px}.dg-in-room .dg-chat-form{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--dg-paper);border-top:1px solid var(--dg-line);box-shadow:0 -8px 24px #2d3a2214}.dg-in-room .dg-toast{bottom:92px}.dg-players h3{display:none}#dg-player-list{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:thin}#dg-player-list li{flex:none;min-width:150px}.dg-kick{display:block}.dg-topbar{grid-template-columns:1fr auto}.dg-word{grid-column:1 / -1;order:3;min-height:40px}.dg-waiting-inner{grid-template-columns:1fr}.dg-waiting-art{grid-row:1}.dg-waiting-art img{width:150px}.dg-waiting{min-height:0}.dg-palette{grid-template-columns:repeat(13,24px)}}@media(max-width:640px){.dg-header-actions .dg-back-site,.dg-header-actions [data-act=to-lobby] span{display:none}.dg-brand strong{font-size:17px}.dg-brand small{font-size:8px;letter-spacing:1px;white-space:nowrap}.dg-header{gap:8px}.dg-header-actions{gap:6px}.dg-icon-btn{width:36px;height:36px}.dg-topbar{grid-template-columns:minmax(0,1fr) auto}.dg-word{gap:6px}.dg-word>small:first-child{display:none}.dg-hero{grid-template-columns:1fr;padding:22px;text-align:left}.dg-hero-art{grid-row:1;max-width:190px}.dg-hero:after{width:200px;height:200px}.dg-hero h1{font-size:32px}.dg-join-form{width:100%}.dg-join-form input{flex:1;width:auto}.dg-hero-actions .dg-btn.big{width:100%}.dg-stats{grid-template-columns:repeat(4,1fr)}.dg-rule-grid{grid-template-columns:1fr}.dg-login{grid-template-columns:1fr;padding:24px}.dg-login img{grid-row:1;max-width:200px;justify-self:center}.dg-form-row{grid-template-columns:1fr 1fr}.dg-topbar{padding:10px 12px;gap:8px}.dg-room-meta b,.dg-round,.dg-top-right .dg-btn span{display:none}.dg-slots i{width:26px;height:32px;font-size:18px}.dg-canvas-wrap:before,.dg-canvas-wrap:after{width:56px;height:16px}.dg-toolbar{gap:8px;padding:10px}.dg-tools button{min-width:0;flex:1;font-size:10px}.dg-tools{width:100%}.dg-palette{grid-template-columns:repeat(9,minmax(0,1fr));width:100%}.dg-palette button,.dg-custom-color{width:100%;height:26px}.dg-skip{margin-left:0}.dg-choice{min-width:0;flex:1 1 40%;font-size:16px;padding:12px}.dg-card{padding:16px}.dg-reveal{padding:12px 14px}.dg-answer{font-size:24px!important}.dg-deltas{max-height:96px}.dg-waiting,.dg-dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.dg-audience-toggle{padding:14px;background:var(--dg-sage-soft);border:1px solid var(--dg-line);border-radius:14px;margin-bottom:16px}.dg-selected-packs{display:flex;flex-wrap:wrap;gap:7px;min-height:30px;margin:12px 0;color:var(--dg-muted)}.dg-selected-pack{border:1px solid var(--dg-green);background:var(--dg-sage);color:var(--dg-ink);border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit}.dg-pack-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:190px;overflow:auto;padding:8px;border:1px solid var(--dg-line);border-radius:12px}.dg-pack-option{display:flex;align-items:center;gap:9px;padding:9px;background:var(--dg-sage-soft);border-radius:8px;cursor:pointer}.dg-pack-option[hidden]{display:none}.dg-pack-option small{margin-left:auto;color:var(--dg-muted)}.dg-pack-option input{accent-color:var(--dg-green);width:17px;height:17px}.dg-spectators{border-top:1px solid var(--dg-line);margin-top:16px;padding:12px}.dg-spectators h4{display:flex;justify-content:space-between;margin:5px 0}.dg-spectators ul{padding:0;list-style:none}.dg-spectators li{display:flex;align-items:center;gap:6px;padding:6px 0}.dg-spectators li span{flex:1;overflow-wrap:anywhere}.dg-spectators .dg-kick{position:static}@media(max-width:480px){.dg-pack-options{grid-template-columns:1fr}.dg-room-card-foot{flex-wrap:wrap}}.dg-mode-intro{display:grid;gap:8px;margin-top:24px;color:var(--dg-muted)}.dg-mode-intro b{color:var(--dg-green-strong);margin-right:8px}.dg-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;border:0;margin:20px 0}.dg-mode-picker legend{font-weight:700;margin-bottom:8px}.dg-mode-picker label{display:flex;align-items:center;gap:10px;border:1px solid var(--dg-line);border-radius:16px;padding:14px;cursor:pointer}.dg-mode-picker label:has(:checked){border-color:var(--dg-green);background:var(--dg-sage-soft);box-shadow:inset 0 0 0 1px var(--dg-green)}.dg-mode-picker input{width:18px;height:18px;accent-color:var(--dg-green)}.dg-mode-picker small{display:block;color:var(--dg-muted);font-size:12px}.dg-relay-rules{background:var(--dg-accent-soft);border-radius:12px;padding:12px}.dg-mode-description{color:var(--dg-green-strong)}.dg-relay-task{padding:24px;margin-bottom:10px}.dg-relay-task h2{font-size:clamp(19px,2vw,26px);line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.dg-relay-task p{margin:6px 0 12px}.dg-relay-task-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.dg-relay-task-row .dg-btn{flex:none}.dg-relay-observer{text-align:center;padding:16px 8px;color:var(--dg-muted)}.dg-relay-observer b{font-size:22px;color:var(--dg-green-strong)}.dg-relay-progress{color:var(--dg-muted);text-align:center;font-size:13px;margin:8px 0 12px}.dg-relay-guess{display:flex;gap:10px;margin-top:18px}.dg-relay-guess input{min-width:0;flex:1;padding:12px 14px;background:var(--dg-sage-soft);border:1px solid var(--dg-line);border-radius:12px}.dg-relay-gallery{padding:24px}.dg-relay-gallery h2{margin:5px 0;font-size:24px}.dg-chain-tabs{display:flex;overflow-x:auto;gap:10px;margin:12px 0;padding-bottom:6px}.dg-chain-tab{flex:0 0 145px;border:1px solid var(--dg-line);border-radius:14px;background:var(--dg-sage-soft);padding:12px;text-align:left;overflow-wrap:anywhere}.dg-chain-tab strong,.dg-chain-tab small{display:block}.dg-chain-tab span,.dg-chain-tab small{font-size:12px;color:var(--dg-muted)}.dg-chain-tab strong{margin:4px 0;font-size:17px}.dg-chain-tab[aria-pressed=true]{border-color:var(--dg-green);box-shadow:inset 0 0 0 1px var(--dg-green);background:var(--dg-sage)}.dg-chain-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed var(--dg-line);padding:16px;border-radius:14px;background:var(--dg-accent-soft)}.dg-chain-result b{display:inline;font-size:17px;overflow-wrap:anywhere}.dg-chain-result>strong{margin-left:auto;color:var(--dg-accent-ink)}.dg-chain-result.success{background:var(--dg-sage)}.dg-chain-steps{list-style:none;margin:20px 0 0 10px;padding:0 0 0 20px;border-left:2px solid var(--dg-line)}.dg-chain-step{position:relative;margin:0 0 20px;border:1px solid var(--dg-line);border-radius:16px;overflow:hidden}.dg-chain-author{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:var(--dg-sage-soft)}.dg-chain-author span{color:var(--dg-accent-ink)}.dg-chain-author small{color:var(--dg-muted)}.dg-chain-step canvas{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;aspect-ratio:4/3}.dg-chain-word{margin:0;padding:20px;font-size:22px;font-weight:700;color:var(--dg-green-strong);overflow-wrap:anywhere}.dg-relay-next{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--dg-line)}@media(max-width:600px){.dg-mode-picker{grid-template-columns:1fr}.dg-relay-task,.dg-relay-gallery{padding:16px}.dg-relay-guess{flex-direction:column}.dg-chain-steps{margin-left:0;padding-left:10px}.dg-chain-tabs{gap:8px}.dg-relay-task-row .dg-btn{width:100%}}:root,html[data-jm-theme=night]{--dg-ink: var(--jm-ink);--dg-muted: var(--jm-muted);--dg-green: var(--jm-green);--dg-green-strong: var(--jm-green-strong);--dg-sage: var(--jm-sage);--dg-sage-soft: color-mix(in srgb, var(--jm-sage) 50%, var(--jm-surface));--dg-page: var(--jm-page);--dg-paper: var(--jm-surface);--dg-line: var(--jm-border);--dg-accent: var(--jm-accent);--dg-pink: var(--jm-pink);--dg-shadow: var(--jm-card-shadow);--dg-radius: var(--jm-card-radius)}.dg-body{line-height:1.65}.dg-brand small,.dg-eyebrow{font-size:11px;letter-spacing:1.5px}.dg-hero h1{font-size:32px;line-height:1.3}.dg-hero-copy>p{max-width:42em;color:var(--jm-muted)}.dg-section-head h2,.dg-rules>h2{font-size:21px}.dg-stats small,.dg-stats span,.dg-field small,.dg-check small,.dg-room-card small,.dg-pack-option small,.dg-player small,.dg-player-state,.dg-room-state,.dg-stat small{font-size:12px}.dg-rule-grid>div,.dg-join-form input{border-style:solid}.dg-btn,.dg-icon-btn{box-shadow:none;border-radius:12px}.dg-btn:not(.small),.dg-icon-btn{min-height:44px}.dg-mode-intro{display:grid;gap:10px;margin-top:24px}.dg-mode-intro>span{padding:10px 14px;border-radius:12px;background:var(--jm-sage);font-size:13px}.dg-mode-intro b{color:var(--jm-green-strong)}.dg-dialog{box-shadow:var(--jm-card-shadow)}.dg-field select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23617052' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}html[data-jm-theme=night] .dg-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23b8c4ae' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}@media(max-width:700px){.dg-hero h1{font-size:26px}.dg-header{gap:12px}.dg-brand small{letter-spacing:.5px}.dg-section-head h2,.dg-rules>h2{font-size:20px}.dg-hero-actions{gap:12px}}.dg-body .dg-dialog .dg-mode-picker input[type=radio]{flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0}@media(max-width:500px){.dg-form-row:has(.dg-classic-hints:not([hidden])){grid-template-columns:minmax(0,1fr)}}#dg-timer[hidden]{display:none}.dg-relay-window{overflow:hidden;border-radius:20px;border:1px solid var(--jm-border)}.dg-relay-track{display:flex;transition:transform .48s cubic-bezier(.22,.68,0,1)}.dg-relay-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;padding:clamp(16px,3vw,28px);background:var(--jm-surface)}.dg-relay-slide h3{margin:8px 0 18px;font-size:clamp(18px,2.5vw,25px)}.dg-relay-slide-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:24px;align-items:center}.dg-relay-slide canvas{display:block;width:100%;aspect-ratio:4/3;border-radius:14px;background:#fff}.dg-relay-caption{display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.dg-relay-caption strong{font-size:22px}.dg-relay-caption b{font-size:clamp(24px,3vw,36px);color:var(--jm-accent)}.dg-relay-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:18px 0}@media(max-width:600px){.dg-relay-slide-body{grid-template-columns:1fr;gap:14px}.dg-relay-caption{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dg-relay-caption strong{grid-column:1;grid-row:2}.dg-relay-caption b{grid-column:2;grid-row:2;font-size:24px}}@media(prefers-reduced-motion:reduce){.dg-relay-track{transition:none}}.gsp-host{position:relative}.gsp-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:var(--jm-z-overlay);width:min(300px,calc(100vw - 24px));padding:16px 18px;border-radius:18px;border:1px solid var(--jm-border);background:var(--jm-surface);color:var(--jm-ink);box-shadow:0 18px 50px #0003;text-align:left}.gsp-panel[hidden]{display:none}.gsp-panel h2{margin:0 0 10px;font-size:15px}.gsp-row+.gsp-row{margin-top:14px;padding-top:14px;border-top:1px dashed var(--jm-border)}.gsp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.gsp-switch{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--jm-muted);font-size:12px;cursor:pointer}.gsp-switch i{position:relative;width:38px;height:22px;border-radius:999px;background:var(--jm-border);transition:background var(--jm-motion-fast)}.gsp-switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--jm-surface);box-shadow:0 1px 3px #0003;transition:transform var(--jm-motion-fast)}.gsp-switch[aria-checked=true] i{background:var(--jm-green)}.gsp-switch[aria-checked=true] i:after{transform:translate(16px)}.gsp-slider{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:8px}.gsp-slider input{width:100%;min-height:28px;margin:0;accent-color:var(--jm-green)}.gsp-slider input:disabled{opacity:.45}.gsp-slider output{font-size:12px;text-align:right;color:var(--jm-muted);font-variant-numeric:tabular-nums}.gsp-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:var(--jm-muted)}.gsp-note span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsp-note button{flex:none;min-height:28px;padding:2px 10px;border-radius:999px;border:1px solid var(--jm-border);background:transparent;color:var(--jm-green-strong);font-size:12px;font-weight:700;cursor:pointer}.gsp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}