.uw-c0{--c:var(--green);--cs:var(--green-soft)}.uw-c1{--c:var(--amber);--cs:var(--amber-soft)}.uw-c2{--c:var(--red);--cs:var(--red-soft)}:root:has(#sakai-theme[data-tone=neutral]) .uw-c0{--c:var(--teal);--cs:var(--teal-soft)}:root:has(#sakai-theme[data-tone=neutral]) .uw-c1{--c:var(--violet);--cs:var(--violet-soft)}:root:has(#sakai-theme[data-tone=neutral]) .uw-c2{--c:var(--blue);--cs:var(--blue-soft)}:root:has(#sakai-theme[data-tone=neutral]) .uw-seg.c0,:root:has(#sakai-theme[data-tone=neutral]) .uw-keys .c0 i{background:var(--teal)}:root:has(#sakai-theme[data-tone=neutral]) .uw-seg.c1,:root:has(#sakai-theme[data-tone=neutral]) .uw-keys .c1 i{background:var(--violet)}:root:has(#sakai-theme[data-tone=neutral]) .uw-seg.c2,:root:has(#sakai-theme[data-tone=neutral]) .uw-keys .c2 i{background:var(--blue)}.uw-choices{gap:10px;margin:12px 0 0;display:grid}.uw-choice{border:2px solid var(--line);border-left:8px solid var(--c);background:var(--surface);min-height:56px;color:var(--ink);font:700 1.05rem/1.4 var(--round);text-align:left;cursor:pointer;border-radius:14px;padding:10px 16px}.uw-choice[aria-pressed=true]{border-color:var(--c);background:var(--cs)}@media (hover:hover){.uw-choice:hover{border-color:var(--c)}}.uw-q{word-break:auto-phrase;text-wrap:pretty;font-size:clamp(1.15rem,4.2vw,1.45rem);line-height:1.6}.uw-who{color:var(--ink-2);margin:0 0 4px;font-size:.9rem}.uw-pair-banner{background:var(--violet-soft);border:1px solid var(--line);border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:.92rem}.uw-bar{background:var(--surface-2);border-radius:10px;height:34px;margin:10px 0 6px;display:flex;overflow:hidden}.uw-seg{min-width:0;color:var(--accent-ink);font:700 .82rem var(--round);white-space:nowrap;flex-basis:0;justify-content:center;align-items:center;display:flex}.uw-seg.c0{background:var(--green)}.uw-seg.c1{background:var(--amber)}.uw-seg.c2{background:var(--red)}.uw-seg.mine{box-shadow:inset 0 0 0 3px var(--ink)}.uw-keys{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;margin:0 0 4px;padding:0;font-size:.85rem;list-style:none;display:flex}.uw-keys i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}.uw-keys .c0 i{background:var(--green)}.uw-keys .c1 i{background:var(--amber)}.uw-keys .c2 i{background:var(--red)}.uw-keys .mine{color:var(--ink);font-weight:700}.uw-you{margin-left:4px}.uw-tally{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px;display:grid}.uw-tally div{background:var(--cs);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 6px}.uw-tally b{font:700 1.6rem/1.2 var(--round);color:var(--ink);display:block}.uw-tally span{color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere;font-size:.8rem;display:block}.nw{display:inline-block}.uw-pair{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--violet);padding:16px 18px}.uw-pair h2{margin-top:0}.uw-gap{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.uw-gap li{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.uw-gap .who{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;margin-top:2px;font-size:.88rem;display:flex}.uw-gap .who b{color:var(--ink)}.uw-line-text{max-width:36em;margin:0 auto}.uw-bar,.uw-keys{forced-color-adjust:none}@media (forced-colors:active){.uw-seg{color:canvastext;outline:1px solid canvastext;background:canvas!important}.uw-seg.mine{color:highlighttext;background:highlight!important}.uw-keys,.uw-keys .mine{color:canvastext}.uw-keys i{background:canvastext!important}.uw-choice[aria-pressed=true]{border-width:5px;text-decoration:underline}}.sk-help{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--blue);text-align:left;border-radius:12px;margin:16px 0 0;padding:12px 16px}.sk-help p{margin:0 0 .3em}.sk-help ul{margin:0;padding-left:1.2em}.sk-help a{min-height:32px;line-height:32px;display:inline-block}.sk-promo-more{margin-top:12px}.sk-promo-more,.sk-others .kb-words{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sk-promo-more li,.sk-others .kb-words li{display:flex}.sk-promo-more a,.sk-others .kb-words a{flex:1;justify-content:flex-start;padding:10px 10px 10px 12px}.sk-promo-more .w,.sk-others .kb-words .w{white-space:nowrap;font-size:.9rem}.sk-promo-more .q,.sk-others .kb-words .q{font-size:.78rem}
