:root{--bg:#0b0e15;--surface:#10141e;--panel:#0e121b;--raise:#1a2133;--tool:#0c111b;--line:#222b3d;--line-soft:#171e2c;--hover:#151c2a;--ink:#e9edf6;--sub:#8b96ae;--faint:#5a6580;--c-self:#6c8bff;--red:#ff4d6a;--amber:#ffa23a;--row-read:#0d1119;--row-unread:var(--surface);--row-sel:#6c8bff29;--red-soft:#ff4d6a1f;--amber-soft:#ffa23a21;--self-soft:#6c8bff24;--shadow:0 1px 2px #00000080, 0 2px 6px #00000059;--font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f7fc;--surface:#fff;--panel:#fff;--raise:#fff;--tool:#eef2f9;--line:#e2e7f0;--line-soft:#eef2f8;--hover:#f5f8fd;--ink:#10141f;--sub:#5e6980;--faint:#98a2b8;--c-self:#3f63e8;--red:#e1344f;--amber:#b85f0c;--row-read:#f2f5fb;--row-unread:#fff;--row-sel:#dbe4ff;--red-soft:#fdecef;--amber-soft:#fdf1e3;--self-soft:#e8edff;--shadow:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}input,select{font:inherit;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--c-self);outline-offset:-2px}svg.i{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bidi{unicode-bidi:isolate}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.muted{color:var(--sub)}.small{font-size:12px}.err{color:var(--amber)}.iconbtn{width:40px;height:40px;color:var(--sub);border-radius:50%;place-items:center;display:grid}.iconbtn:hover{background:var(--hover);color:var(--ink)}.btn{border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;border-radius:18px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5}.btn.primary{background:var(--c-self);border-color:var(--c-self);color:#fff}.btn.sm{height:30px;padding:0 12px;font-size:12px}select.btn{appearance:none;cursor:pointer;background:0 0;padding-right:12px}select.btn option{background:var(--raise);color:var(--ink)}.apps{background:var(--raise);border:1px solid var(--line);width:300px;box-shadow:var(--shadow);z-index:40;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px;display:none;position:absolute;top:58px;right:64px}.apps.open{display:grid}.apps a{color:var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:12px;text-decoration:none;display:flex}.apps a:hover{background:var(--hover)}.apps a i{background:var(--tool);width:36px;height:36px;color:var(--c-self);border-radius:10px;place-items:center;font-size:13px;font-style:normal;display:grid}.app{flex-direction:column;height:100%;display:flex}.top{flex:none;align-items:center;gap:16px;height:64px;padding:0 16px 0 20px;display:flex}.top .brand{width:172px}.top .search{background:var(--tool);max-width:720px;height:48px;color:var(--sub);border-radius:24px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.top .search .sbar{display:contents}.top .search .sbar input{min-width:0;font:inherit;color:var(--ink);appearance:none;background:0 0;border:0;outline:0;flex:1}.top .search .sbar input::-webkit-search-cancel-button{display:none}.top .search .sbar input::placeholder{color:var(--faint)}.top .search:focus-within{background:var(--surface);box-shadow:var(--shadow)}.top .search .clear{width:32px;height:32px;margin-right:-8px;font-size:18px;line-height:1}.top .search .clear+.iconbtn{margin-left:-4px}.top .search .sbar>.iconbtn:last-child{width:36px;height:36px;margin-right:-8px}.sopt{background:var(--raise);border:1px solid var(--line);box-shadow:var(--shadow);z-index:41;color:var(--ink);cursor:default;border-radius:16px;padding:18px 24px 16px;position:absolute;top:calc(100% + 4px);left:0;right:0}.sopt .f{grid-template-columns:116px 1fr;align-items:center;gap:12px;min-height:42px;display:grid}.sopt .k{color:var(--sub);font-size:13px}.sopt input,.sopt textarea{border:0;border-bottom:1px solid var(--line);width:100%;height:32px;color:var(--ink);font:inherit;background:0 0;border-radius:0;outline:0;font-size:14px}.sopt textarea{resize:none;padding:5px 0;line-height:21px;overflow:hidden}.sopt input:focus,.sopt textarea:focus{border-bottom:2px solid var(--c-self)}.sopt [aria-invalid=true],.sopt [aria-invalid=true]:focus{border-bottom:2px solid var(--amber)}.sopt-msg{min-height:20px;color:var(--amber);margin-top:8px;font-size:12px}.sopt .foot{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.search-msg{z-index:41;background:var(--raise);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--amber);border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;top:calc(100% + 4px);left:16px}.top .right{align-items:center;gap:6px;margin-left:auto;display:flex}.acct{border:1px solid var(--line);height:40px;color:var(--sub);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:13px;display:flex}.acct .av{background:var(--c-self);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.work{flex:1;min-height:0;display:flex}.shell{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:256px minmax(300px,520px) minmax(440px,1fr);gap:0 12px;min-width:0;min-height:0;padding:0 16px 16px 0;display:grid}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.brand b{background:var(--c-self);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.nav{flex-direction:column;min-height:0;padding:0 8px 0 12px;display:flex;overflow:auto}.nav .err{margin-bottom:8px;font-size:12px}.nav .err p{margin-bottom:6px}.compose{background:var(--self-soft);height:56px;color:var(--ink);border-radius:16px;align-items:center;gap:12px;margin:4px 0 16px;padding:0 24px 0 18px;font-weight:600;display:inline-flex}.compose:hover{box-shadow:var(--shadow)}.folders{flex:none;list-style:none}.folders a{height:32px;color:var(--ink);border-radius:0 16px 16px 0;align-items:center;gap:16px;margin-left:-12px;padding:0 12px 0 16px;text-decoration:none;display:flex}.folders a:hover{background:var(--hover)}.folders a.on{background:var(--self-soft);font-weight:700}.folders a .n{color:var(--sub);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.folders a.has-unread{font-weight:700}.folders a.has-unread .n{color:var(--ink)}.nav h6{letter-spacing:.08em;color:var(--faint);margin:18px 0 6px 4px;font-size:11px;font-weight:600}.accts{list-style:none}.accts button{width:100%;height:32px;color:var(--sub);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:0 4px;font-size:13px;display:flex}.accts button:hover{background:var(--hover)}.accts button.on{color:var(--ink);font-weight:600}.accts button span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.accts .dot{background:var(--c-self);border-radius:50%;flex:none;width:8px;height:8px}.accts .shared .dot{background:var(--amber)}.shell[data-nav=closed]{grid-template-columns:72px minmax(300px,520px) minmax(440px,1fr)}.shell[data-nav=closed][data-pane=below],.shell[data-nav=closed][data-pane=none]{grid-template-columns:72px 1fr}.shell[data-nav=closed] .folders .lb,.shell[data-nav=closed] .folders .n,.shell[data-nav=closed] .nav h6,.shell[data-nav=closed] .accts{display:none}.shell[data-nav=closed] .folders a{border-radius:16px;justify-content:center;margin-left:0;padding:0}.list{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex}.tools{border-bottom:1px solid var(--line-soft);height:48px;color:var(--sub);align-items:center;gap:2px;padding:0 8px;display:flex}.tools .count{height:32px;color:var(--sub);align-items:center;margin-left:auto;padding:0 8px;font-size:12px;display:inline-flex}.tools .sep{background:var(--line);width:1px;height:20px;margin:0 6px}.reader>.tools{flex:none}.notice{border-bottom:1px solid var(--line-soft);color:var(--sub);background:var(--panel);align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.notice b{color:var(--ink);font-weight:600}.rows{border-radius:0 0 16px 16px;flex:1;min-height:0;list-style:none;overflow:auto}.row{text-align:left;width:100%;color:inherit;background:var(--row-read);border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-rows:20px 20px;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:10px 16px 10px 48px;display:grid;position:relative}.row .chk{border:1.5px solid var(--faint);border-radius:4px;grid-row:1/3;justify-self:center;width:18px;height:18px}.rowli{position:relative}.rowli .st{z-index:2;width:28px;height:28px;color:var(--faint);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.rowli .st:hover:not(:disabled){color:var(--ink);background:var(--hover)}.rowli .st svg{width:17px;height:17px}.rowli .st.on,.rowli .st.on:hover:not(:disabled){color:var(--amber)}.rowli .st.on svg{fill:currentColor}.rowli .st:disabled{opacity:.6}.row-who{white-space:nowrap;text-overflow:ellipsis;grid-column:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.row-date{color:var(--sub);text-align:right;white-space:nowrap;grid-area:1/2;font-size:12px}.row-line{grid-area:2/1/auto/3;align-items:center;gap:6px;min-width:0;display:flex}.row-subject{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.row-snippet{min-width:0;color:var(--sub);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;overflow:hidden}.row-snippet:not(:empty):before{content:"— "}.row-marks{color:var(--faint);flex:none;align-items:center;gap:4px;margin-left:auto;padding-left:6px;display:flex}.row-marks:empty{display:none}.row.unread{background:var(--row-unread)}.row.unread .row-who,.row.unread .row-subject,.row.unread .row-date{color:var(--ink);font-weight:700}.row:hover{box-shadow:var(--shadow);z-index:1}.row.sel{background:var(--row-sel)}.row.sel .chk{background:var(--c-self);border-color:var(--c-self)}.row .acts{color:var(--sub);grid-area:1/2/3;gap:2px;display:none}.row:hover .acts{display:flex}.row:hover:has(.acts) .row-date{visibility:hidden}.row .acts .iconbtn{width:32px;height:32px}.row.auth-fail:before{content:"";background:var(--red);width:4px;position:absolute;top:0;bottom:0;left:0}.badge{white-space:nowrap;background:var(--tool);height:20px;color:var(--sub);border-radius:4px;flex:none;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.badge.danger{background:var(--red);color:#fff}.badge.warn{background:var(--amber-soft);color:var(--amber)}.badge.case{background:var(--self-soft);color:var(--c-self)}.badge.wait{background:var(--tool);color:var(--sub)}.badge.more{color:var(--faint);background:0 0;padding:0 2px}.star{color:var(--amber)}.reader{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex}.reader-body{border-radius:0 0 16px 16px;flex-direction:column;flex:1;min-height:0;padding:20px 24px 32px;display:flex;overflow:auto}.reader-body>*{flex:none}.reader-subject{overflow-wrap:anywhere;align-items:baseline;gap:10px;padding:0 0 14px 56px;font-size:22px;font-weight:400;line-height:28px;display:flex}.reader-subject .badge{transform:translateY(-3px)}.band{border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;margin:0 0 16px;padding:14px 16px;font-size:13px;line-height:20px;display:grid}.band.danger{background:var(--red-soft);border:1px solid var(--red);color:var(--ink)}.band.danger .t{color:var(--red);font-weight:700}.band.danger>svg{color:var(--red)}.band.warn{background:var(--amber-soft);color:var(--ink);border:1px solid #0000}.band.warn .t{color:var(--amber);font-weight:700}.band.warn>svg{color:var(--amber)}.band .why{color:var(--sub);margin-top:2px}.band .auth{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.band .auth span{background:var(--surface);border:1px solid var(--line);color:var(--sub);border-radius:4px;padding:2px 6px;font-size:11px}.band .auth span.ng{border-color:var(--red);color:var(--red)}.band .auth span.wk{border-color:var(--amber);color:var(--amber)}.av{background:var(--tool);width:40px;height:40px;color:var(--sub);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.av.q{background:var(--red-soft);color:var(--red);font-weight:700}.reader-head{grid-template-columns:40px 1fr auto;align-items:start;gap:0 16px;padding:4px 0 12px;display:grid}.reader-head .who{font-weight:600}.reader-head .addr,.reader-head .to{color:var(--sub);overflow-wrap:anywhere;font-size:12px}.auth-line{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.auth-line span{border:1px solid var(--line);color:var(--sub);border-radius:4px;padding:1px 6px;font-size:11px}.auth-line span.ng{border-color:var(--red);color:var(--red)}.auth-line span.wk{border-color:var(--amber);color:var(--amber)}.reader .tools .grow{flex:1}.reader .tools .pos{color:var(--sub);margin:0 4px;font-size:12px}.iconbtn:disabled{opacity:.4;color:var(--sub);background:0 0}.head-acts{color:var(--sub);align-items:center;gap:2px;display:flex}.head-acts .dt{white-space:nowrap;margin-right:6px;font-size:12px}.head-acts .iconbtn{width:36px;height:36px}.head-acts .iconbtn.on{color:var(--amber)}.head-acts .iconbtn.on svg{fill:currentColor}.tobtn{color:var(--sub);text-align:left;border-radius:4px;align-items:center;gap:2px;margin-left:-2px;padding:0 2px;font-size:12px;display:inline-flex}.tobtn:hover{background:var(--hover)}.tobtn svg.i{width:16px;height:16px}.reader-head .to .more{display:inline-flex}.reader-body>.err{margin:0 0 12px 56px}.thread{border-top:1px solid var(--line-soft);max-height:232px;margin:0 0 12px;list-style:none;overflow:auto}.thread-row{text-align:left;border-bottom:1px solid var(--line-soft);cursor:pointer;grid-template-columns:40px 1fr auto;align-items:center;gap:0 16px;width:100%;padding:12px 0;display:grid}.thread-row:hover{background:var(--hover)}.thread-row.sel{background:var(--row-sel);cursor:default}.thread-row .who{align-items:center;gap:6px;font-weight:600;display:flex}.thread-row .sn{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-row>div{min-width:0}.thread-row .dt{color:var(--sub);font-size:12px}.imgline{color:var(--sub);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px 56px;font-size:13px;display:flex}.imgline .ng{color:var(--red)}.mailframe{border:1px solid var(--line-soft);color:#202124;background:#fff;border-radius:8px;flex-direction:column;flex:auto;min-height:60vh;margin-left:56px;display:flex;overflow:hidden}.html-frame{background:#fff;border:0;flex:1;width:100%;min-height:0;display:block}.plain{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0;padding:20px 22px;font-size:14px;line-height:1.8;overflow:auto}.mailframe>.err{padding:20px 22px}.mismatch{background:var(--amber-soft);border-radius:10px;margin:0 0 8px 56px;padding:12px 14px;font-size:13px}.mismatch .t{color:var(--amber);overflow-wrap:anywhere;margin-bottom:6px;font-weight:700}.mismatch .t:last-child{margin-bottom:0}.mismatch dl{color:var(--sub);grid-template-columns:auto 1fr;gap:2px 10px;display:grid}.mismatch dl+dl{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:8px}.mismatch dd{color:var(--ink);word-break:break-all}.attachments{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 16px 56px;display:flex}.att{border:1px solid var(--line);width:220px;height:52px;color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.att:hover{background:var(--hover)}.att>div{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.att .k{background:var(--tool);width:30px;height:30px;color:var(--sub);border-radius:6px;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.att .k.img{background:var(--self-soft);color:var(--c-self)}.att small{color:var(--sub);font-size:11px;line-height:14px;display:block}.more{align-items:center;display:inline-flex;position:relative}.menu{background:var(--raise);border:1px solid var(--line);min-width:240px;max-height:70vh;box-shadow:var(--shadow);z-index:30;text-align:left;border-radius:8px;padding:8px 0;position:absolute;top:40px;right:0;overflow:auto}.menu:focus{outline:none}.menu.l{left:0;right:auto}.menu.ctx{z-index:60;position:fixed;top:0;left:0;right:auto}.menu button{width:100%;height:36px;color:var(--ink);white-space:nowrap;text-align:left;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.menu button:hover:not(:disabled),.menu button:focus-visible{background:var(--hover)}.menu button:disabled{opacity:.5}.menu button>span:not(.sub){text-overflow:ellipsis;min-width:0;overflow:hidden}.menu button.on{color:var(--c-self);font-weight:700}.menu .danger{color:var(--red)}.menu hr{border:0;border-top:1px solid var(--line-soft);margin:6px 0}.menu .sub{color:var(--faint);margin-left:auto}.menu .cap{color:var(--sub);padding:4px 16px 6px;font-size:12px}.menu .cap.none{padding:8px 16px}.menu .filter{border:0;border-bottom:1px solid var(--line);width:calc(100% - 24px);height:32px;color:var(--ink);appearance:none;background:0 0;border-radius:0;outline:0;margin:0 12px 6px;display:block}.menu .filter::-webkit-search-cancel-button{display:none}.menu .filter:focus{border-bottom:2px solid var(--c-self)}.menu.pane{min-width:180px}.menu.det{min-width:440px;max-width:min(560px,100vw - 48px);padding:14px 18px}.det dl{grid-template-columns:auto 1fr;gap:4px 16px;font-size:12px;line-height:18px;display:grid}.det dt{color:var(--sub);text-align:right;white-space:nowrap}.det dd{color:var(--ink);word-break:break-all}.det dd.ng{color:var(--red)}.det dd.wk{color:var(--amber)}.det dd.ok{color:var(--sub)}.state{text-align:center;color:var(--sub);flex:1;place-items:center;padding:40px;display:grid}.state.full{height:100%}.state h3{color:var(--ink);margin:14px 0 6px;font-size:16px;font-weight:600}.state p{overflow-wrap:anywhere;max-width:340px;margin:0 auto 16px;font-size:13px}.state p:last-child{margin-bottom:0}.state .btns{justify-content:center;gap:8px;display:flex}.state .ic{background:var(--tool);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.state .ic+h3,.state .ic+p{margin-top:0}.state .ic.r{background:var(--red-soft);color:var(--red)}.state .ic.a{background:var(--amber-soft);color:var(--amber)}.state .err{color:var(--ink)}.skel{border-bottom:1px solid var(--line-soft);padding:10px 16px}.skel i{background:var(--line-soft);border-radius:5px;height:10px;margin:6px 0;display:block}.skel i:nth-child(2){width:70%}.toast{z-index:50;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;left:24px}.toast button{color:var(--c-self);font-weight:700}.toast button:disabled{opacity:.5}:root[data-theme=dark] .toast button{color:#3f63e8}.login{place-items:center;height:100%;padding:16px;display:grid}.login .card{background:var(--surface);border:1px solid var(--line-soft);text-align:center;border-radius:20px;width:400px;max-width:100%;padding:40px}.login .brand{justify-content:center;margin-bottom:28px;font-size:18px}.login p{color:var(--sub);margin-bottom:24px;font-size:13px}.login .g{justify-content:center;margin-bottom:10px;display:flex}.login p.err,.login .step{margin:16px 0 0}.stepup{z-index:45;background:#00000073;place-items:center;display:none;position:fixed;inset:0}.stepup.open{display:grid}.stepup .card{background:var(--raise);border:1px solid var(--line);text-align:center;border-radius:20px;width:380px;padding:28px}.list-more{text-align:center;border-top:1px solid var(--line-soft);padding:12px}.list-more .err{margin-top:8px}.shell[data-pane=below]{grid-template-rows:minmax(0,46%) minmax(0,1fr);grid-template-columns:256px 1fr;gap:12px}.shell[data-pane=below] .nav{grid-row:1/3}.shell[data-pane=none]{grid-template-columns:256px 1fr}.shell[data-pane=none]:not([data-open]) .reader,.shell[data-pane=none][data-open] .list{display:none}.reader .tools .back{display:grid}.shell:not([data-pane=right]) .row{grid-template-rows:20px;grid-template-columns:200px 1fr auto}.shell:not([data-pane=right]) .row-who{grid-area:1/1}.shell:not([data-pane=right]) .row-line{grid-area:1/2}.shell:not([data-pane=right]) .row-date,.shell:not([data-pane=right]) .row .acts{grid-area:1/3}.shell[data-density=comfy] .row{padding-top:14px;padding-bottom:14px}.shell[data-density=compact] .row{padding-top:5px;padding-bottom:5px}.shell[data-density=compact] .row .badge{height:18px}.qs-back{z-index:41;position:fixed;inset:0}.qs{z-index:42;background:var(--raise);border:1px solid var(--line);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:16px;padding:16px 20px;animation:.16s ease-out qs-in;position:fixed;top:64px;bottom:16px;right:16px;overflow:auto}.qs:focus{outline:none}@keyframes qs-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.qs{animation:none}}.qs header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.qs header b{font-size:16px;font-weight:600}.qs h5{color:var(--sub);letter-spacing:.04em;border-top:1px solid var(--line-soft);margin:18px 0 8px;padding-top:14px;font-size:12px;font-weight:600}.qs header+[role=radiogroup] h5{border-top:0;margin-top:8px;padding-top:0}.qs .opt{text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:18px 1fr 64px;align-items:center;gap:12px;width:100%;padding:6px 4px;display:grid;position:relative}.qs .opt:hover{background:var(--hover)}.qs .opt .r{border:2px solid var(--faint);border-radius:50%;width:18px;height:18px}.qs .opt input:checked+.r{border-color:var(--c-self);box-shadow:inset 0 0 0 3px var(--raise);background:var(--c-self)}.qs .opt input:focus-visible+.r{outline:2px solid var(--c-self);outline-offset:2px}.qs .pv{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:3px;height:40px;padding:5px;display:grid}.qs .pv i{background:var(--line);border-radius:2px;display:block}.qs .pv.right{grid-template-columns:1fr 1.3fr}.qs .pv.right i:last-child{background:var(--self-soft)}.qs .pv.below{grid-template-rows:1fr 1.3fr}.qs .pv.below i:last-child{background:var(--self-soft)}.qs .pv.none{grid-template-rows:repeat(4,1fr)}.qs .pv.dens{grid-auto-rows:1fr}