:root{--text: #222;--muted: #8a8f95;--link: #2b587a;--blue: #5e81a8;--blue-dark: #4c6f96;--bar: #f0f2f5;--line: #dae1e8;--gray-btn: #f0f0f0;--gray-line: #cfd4d9;--warn: #c08400;--danger: #c0392b;--ok: #3f9b4a;--page: #fff;--surface: #fff;--surface2: #fafbfc;--line2: #eef0f2;--strong: #333;--on-accent: #fff;--accent-soft: #e3ecf5;--accent-line: #aac0d6;--badge-bg: #e8edf2;--tip-bg: #fff9e6;--tip-line: #ecdc9b;--warn-bg: #fdf0cc;--bad-bg: #fde8e4;--bad-line: #e0b4a8;--bad-text: #912;--ok-bg: #e1f3e3;--r: 3px;--r-img: 5px;--fs: 13px;--font: Tahoma, Verdana, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--surface);color:var(--text);font:var(--fs)/1.45 var(--font)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.25}[hidden]{display:none!important}.page{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:28px;background:var(--page)}.page.center{display:grid;place-items:center}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:24px}.code{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px;color:var(--link)}.link{color:var(--link);cursor:pointer}.warn-text{color:var(--warn)}.test-banner{background:var(--tip-bg);border-bottom:1px solid var(--tip-line);color:var(--warn);font-size:12px;text-align:center;padding:3px 8px}.vtabs{display:flex;gap:3px;padding:10px 12px 0;border-bottom:3px solid var(--blue)}.vtab{padding:6px 14px 5px;background:var(--line);color:var(--link);border-radius:var(--r) 4px 0 0;font-weight:700;font-size:13px}.vtab:hover{text-decoration:none;background:var(--accent-soft)}.vtab.active{background:var(--blue);color:var(--on-accent)}.hbar{display:flex;align-items:center;gap:10px;background:var(--bar);border-bottom:1px solid var(--line);padding:8px 12px;margin-top:10px;color:var(--strong);font-weight:700}.hbar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-back,.hbar-right{font-weight:400}.sorts{display:inline-flex;gap:10px}.sorts a.on{color:var(--strong);font-weight:700;pointer-events:none}.bbtn,.gbtn,.gold-btn{display:inline-block;text-align:center;border-radius:var(--r);padding:6px 14px;cursor:pointer;border:1px solid;font-weight:700;font-size:13px}.bbtn{background:var(--blue);border-color:var(--blue-dark);color:var(--on-accent)}.bbtn:hover:not(:disabled){background:var(--blue-dark);text-decoration:none}.bbtn.big{padding:9px 22px;font-size:14px}.bbtn.danger{background:var(--danger);border-color:#a02d22}.gbtn{background:var(--gray-btn);border-color:var(--gray-line);color:var(--link)}.gbtn:hover:not(:disabled){background:var(--accent-soft);text-decoration:none}.gbtn.on{background:var(--accent-soft);border-color:var(--accent-line)}.gbtn.wide{padding:7px 40px}.gold-btn{background:#f7d56a;border-color:#d9b43d;color:#4a3500}.gold-btn.big{padding:9px 22px}.sm{padding:4px 10px;font-size:12px}button:disabled{opacity:.5;cursor:default}.x-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:2px 6px;font-size:14px}.x-btn:hover:not(:disabled){color:var(--danger)}.x-btn:disabled{opacity:.3}.actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.center-wrap{text-align:center;padding:14px}.row{display:flex;gap:8px;align-items:center}.row.start{align-items:flex-start}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}.filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 0}.filters input{flex:1;min-width:140px}input:not([type=radio]):not([type=checkbox]),textarea,select{background:var(--surface);border:1px solid var(--gray-line);border-radius:var(--r);padding:5px 7px;outline:0;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.filters select{width:auto}textarea{resize:vertical}.field{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-weight:700;margin-bottom:10px}.field.inline{flex-direction:row;align-items:center;justify-content:space-between;margin:4px 0 0}.field.inline input{width:80px}.code-input{text-align:center;font-size:24px;letter-spacing:6px;font-family:ui-monospace,Consolas,monospace;margin:6px 0 10px}.error{background:var(--bad-bg);border:1px solid var(--bad-line);color:var(--bad-text);padding:8px 10px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:18px 10px;padding:16px 12px}.tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#444}.tile:hover{text-decoration:none}.tile:hover .tile-title{color:var(--link)}.tile-title{font-size:13px;line-height:1.25;padding:0 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.thumb{display:block;object-fit:cover;border-radius:var(--r-img);box-shadow:0 1px 5px #00000073;flex:none}.thumb-sm{width:40px;height:40px}.thumb-md{width:64px;height:64px}.thumb-lg{width:128px;height:128px}.tile .thumb{width:96px;height:96px}.thumb-ph{display:grid;place-items:center;font-size:44px}.thumb-md.thumb-ph{font-size:30px}.thumb-lg.thumb-ph{font-size:60px}.tile .thumb-ph{font-size:46px}.avatar{border-radius:var(--r);object-fit:cover;flex:none}.avatar-ph{display:inline-grid;place-items:center;background:var(--badge-bg);color:var(--blue);font-weight:700}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:30px 16px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.test-head{display:flex;gap:14px;padding:14px 12px 0;align-items:flex-start}.test-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.desc{margin:0;white-space:pre-line}.comments{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.comment-form{display:flex;gap:8px;align-items:center}.comment{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line2);padding-top:8px}.comment-body{flex:1;min-width:0;word-break:break-word}.progress{height:5px;background:var(--line);margin:0}.progress div{height:100%;background:var(--blue);transition:width .25s}.question{padding:20px 14px;display:flex;flex-direction:column;gap:16px;align-items:center}.question h2{font-size:18px;text-align:center;color:var(--strong)}.q-image{max-width:100%;max-height:300px;border-radius:var(--r);box-shadow:0 1px 5px #0006}.answers{display:flex;flex-direction:column;gap:8px;width:100%}.answer{text-align:left;background:var(--gray-btn);border:1px solid var(--gray-line);border-radius:var(--r);padding:10px 12px;cursor:pointer;font-size:14px}.answer:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-line)}.answer.picked{background:var(--blue);border-color:var(--blue-dark);color:var(--on-accent)}.answer.was{background:var(--accent-soft);border-color:var(--accent-line)}.result{padding:12px;display:flex;flex-direction:column;gap:10px}.seg-links{display:flex;gap:12px;justify-content:center}.seg-links a.on{color:var(--strong);font-weight:700;pointer-events:none}.collage-box{display:flex;justify-content:center;min-height:80px}.collage{max-width:100%;height:auto;border:1px solid var(--line);display:block;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.result-title{font-size:18px;color:var(--strong)}.result-desc{margin:0;font-size:14px;white-space:pre-line}.review{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);padding:8px}.rv{padding:2px 6px}.rv.ok{background:var(--ok-bg)}.rv.bad{background:var(--bad-bg)}.steps{display:flex;gap:2px;padding:10px 12px 0}.steps button{flex:1;background:var(--bar);border:1px solid var(--line);border-bottom:0;padding:6px 2px;cursor:pointer;color:var(--link);font-size:12px;display:flex;gap:4px;justify-content:center}.steps i{font-style:normal;font-weight:700}.steps .active{background:var(--surface);color:var(--strong);font-weight:700}.steps .done{color:var(--ok)}.editor{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);margin:0 12px;padding:12px 0}.card{border:1px solid var(--line);background:var(--surface);padding:10px}.edit-card{display:flex;flex-direction:column;gap:8px;background:var(--surface2)}.edit-head{display:flex;justify-content:space-between;align-items:center}.emoji-pick{position:relative;flex:none}.emoji-btn,.grad-btn{width:34px;height:34px;border:1px solid var(--gray-line);background:var(--surface);font-size:20px;cursor:pointer;flex:none;border-radius:var(--r)}.grad-btn{border:0}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--surface);border:1px solid var(--gray-line);padding:6px;position:absolute;z-index:10;width:280px;box-shadow:0 4px 14px #0003}.emoji-grid.inline{position:static;width:100%;box-shadow:none}.emoji-grid button{background:none;border:0;font-size:20px;padding:3px;cursor:pointer}.emoji-grid .sel{background:var(--accent-soft)}.cover-preview{display:flex;padding:6px 0}.grads{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}.grads button{height:30px;border-radius:var(--r);border:3px solid transparent;cursor:pointer}.grads .sel{border-color:var(--strong)}.img-field{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.img-field img{width:64px;height:64px;object-fit:cover;border-radius:var(--r);box-shadow:0 1px 4px #0006}.img-field label{cursor:pointer}.ans-edit{display:flex;flex-direction:column;gap:5px}.ans-edit input[type=radio]{width:18px;height:18px;margin-top:7px;flex:none}.pts{display:flex;gap:5px;flex-wrap:wrap}.pt{background:var(--surface);border:1px solid var(--gray-line);border-radius:var(--r);padding:2px 8px;font-size:14px;cursor:pointer;opacity:.75}.pt.on{background:var(--blue);color:var(--on-accent);opacity:1;border-color:var(--blue-dark)}.nav{margin-top:6px}.seg{display:flex}.seg button{flex:1;padding:7px;border:1px solid var(--gray-line);background:var(--gray-btn);color:var(--link);cursor:pointer;font-weight:700}.seg button.active{background:var(--blue);color:var(--on-accent);border-color:var(--blue-dark)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.profile{display:flex;align-items:center;gap:10px;padding:12px}.list{display:flex;flex-direction:column;gap:0;padding:0}.list>.card,.list>.tcard{border-width:0 0 1px;padding:10px 12px}.tcard{display:flex;gap:12px;align-items:center}.tcard:hover{text-decoration:none}.tcard-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.tcard-title{font-weight:700;color:var(--link)}.tcard-meta{display:flex;gap:10px;flex-wrap:wrap}.mine{display:flex;flex-direction:column;gap:8px}.badge{background:var(--badge-bg);color:var(--link);padding:1px 7px;border-radius:var(--r);font-size:11px;font-weight:700}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.statsbox{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:5px}.funnel{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-bottom:4px}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{flex:1;height:9px;background:var(--line)}.bar div{height:100%;background:var(--blue)}.don{padding:8px 0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:50;padding:40px 10px;overflow:auto}.modal{background:var(--surface);width:100%;max-width:420px;border-radius:var(--r);padding:0 0 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 24px #0006}.modal>:not(.modal-head){margin:0 14px}.modal-head{display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:var(--on-accent);padding:8px 10px 8px 14px;border-radius:var(--r) 4px 0 0}.modal-head h3{font-size:13px}.modal-head .x-btn{color:var(--on-accent)}.toasts{position:fixed;left:0;right:0;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:100}.toast{background:#1e2837eb;color:var(--on-accent);padding:8px 14px;border-radius:var(--r);max-width:90%}@media(max-width:480px){.test-head{flex-direction:column;align-items:center;text-align:center}}.vtabs{flex-wrap:wrap}.top-list{display:flex;flex-direction:column}.top-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line2)}.top-row.me{background:var(--accent-soft)}.top-place{width:26px;text-align:center;font-weight:700;color:var(--muted);font-size:15px}.top-row:nth-child(-n+3) .top-place{color:var(--warn)}.top-name{flex:1;min-width:0}.top-count{font-size:16px;text-align:right}.guide{padding:6px 14px 20px;display:flex;flex-direction:column;gap:8px;line-height:1.5}.guide h3{margin-top:14px;padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--strong)}.guide ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px}.guide p{margin:0}.guide .lead{font-size:14px}.gcard{border:1px solid var(--line);background:var(--surface2);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.gcard.tip{background:var(--tip-bg);border-color:var(--tip-line)}[data-theme=soft]{--page: #f4f1fb;--surface: #fff;--surface2: #f8f6fe;--line2: #ece7fa;--text: #221b33;--muted: #7a7390;--link: #5b3fd4;--strong: #3a2f5c;--blue: #7c5cff;--blue-dark: #6847f0;--bar: #ebe6fa;--line: #e0d9f5;--gray-btn: #fff;--gray-line: #d9d1f0;--accent-soft: #efeaff;--accent-line: #c6b8f5;--badge-bg: #ebe6fa;--r: 14px;--r-img: 22px;--fs: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=soft] .vtab{border-radius:14px 14px 0 0}[data-theme=soft] .bbtn.big,[data-theme=soft] .bbtn{background:linear-gradient(135deg,#7c5cff,#ff6fb5);border-color:transparent}[data-theme=soft] .bbtn.danger{background:var(--danger)}[data-theme=soft] .card,[data-theme=soft] .gcard,[data-theme=soft] .review{box-shadow:0 1px 4px #3c28781a;border-color:transparent}[data-theme=soft] .thumb{box-shadow:0 4px 14px #3c287840}[data-theme=soft] .hbar{border-radius:12px;margin:10px 12px 0;border:0}[data-theme=dark]{--page: #17181c;--surface: #1f2127;--surface2: #23262d;--line2: #2b2f38;--text: #e6e6ea;--muted: #8b8f99;--link: #8db4e2;--strong: #d5d7de;--on-accent: #fff;--blue: #5e81a8;--blue-dark: #4c6f96;--bar: #262a33;--line: #343944;--gray-btn: #2a2e37;--gray-line: #3b414d;--accent-soft: #2a3547;--accent-line: #46628a;--badge-bg: #2d323d;--tip-bg: #2e2a1a;--tip-line: #5c5120;--warn-bg: #3a3015;--warn: #e0b04a;--bad-bg: #3a2220;--bad-line: #6e3a35;--bad-text: #f0a09a;--ok-bg: #1f3325;--ok: #6fcf80;color-scheme:dark}[data-theme=dark] .thumb,[data-theme=dark] .q-image,[data-theme=dark] .collage{box-shadow:none;border-color:var(--line)}[data-theme=dark] input:not([type=radio]):not([type=checkbox]),[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text)}[data-theme=dark] .gold-btn{color:#3a2a00}[data-theme=dark] .vtab:hover{background:#2a3547}.theme-switch{text-align:center;padding:18px 12px 8px;color:var(--muted);font-size:12px}.theme-switch a{margin:0 6px;cursor:pointer}.theme-switch a.on{color:var(--strong);font-weight:700;pointer-events:none}