html{font-size:20px}#app{min-height:100vh}body{background:#fff;padding-bottom:24px;font-size:1rem;line-height:1.4}body.hasfoot{padding-bottom:96px}.wrap{max-width:600px;margin:0 auto;padding:28px 20px}.conn{display:none;background:var(--bad);color:#fff;text-align:center;padding:12px;font-weight:700;position:sticky;top:0;z-index:30}.conn.show{display:block}h1{font-size:1.5rem;line-height:1.25;font-weight:700;margin:4px 0 20px}h3{font-size:1.1rem;margin:24px 0 8px}.body{white-space:pre-line;color:var(--muted);margin:0 0 16px}.muted{color:var(--muted);font-size:.85rem}p.muted{margin:12px 0}.opt{display:flex;gap:16px;align-items:center;width:100%;text-align:left;border:2px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;margin:0 0 12px;min-height:68px;font-weight:700;font-size:1rem;line-height:1.3}.opt[aria-pressed=true]{border:3px solid var(--primary);padding:15px 17px;background:#e6f3ec}.opt .mark{width:32px;height:32px;border:3px solid var(--muted);border-radius:50%;flex:none;display:grid;place-items:center;font-size:1.1rem;font-weight:700}.opt.multi .mark{border-radius:8px}.opt[aria-pressed=true] .mark{background:var(--primary);border-color:var(--primary);color:#fff}.opt.correct{border:3px solid var(--good);background:#e6f3ec}.opt.wrong{border:3px solid var(--bad)}.opt[disabled]{opacity:1}.send{width:100%;min-height:68px;font-size:1.05rem;border-radius:14px;margin-top:16px}.sendbar{position:sticky;bottom:var(--foot-h, 0px);z-index:5;margin-top:12px;padding:22px 0 14px;background:linear-gradient(to bottom,#fff0,#fff 22px)}.sendbar .send{margin-top:0;box-shadow:0 3px 12px #0003}.btn{font-size:1rem;min-height:56px;border-radius:14px}.btn[disabled]{opacity:1;background:#e4e4e3;border-color:#c9cac8;color:#5f5f5f}.btn.small{font-size:.8rem;min-height:44px}.btn.ghost{background:#fff}.notice{border-radius:14px;padding:16px 18px;background:#e6f3ec;border:2px solid var(--good);font-weight:700;margin-top:18px}.notice.info{background:#f2f2f1;border-color:var(--line);font-weight:400}.notice.bad{background:#f8e8eb;border-color:var(--bad)}.legend{background:#f2f2f1;border-radius:12px;padding:12px 16px;margin:0 0 22px;font-size:.85rem}.scale{margin:0 0 28px}.scale .sq{font-weight:700;margin-bottom:12px}.scale .btns{display:grid;gap:8px}.scale button{min-height:68px;border:2px solid var(--line);background:#fff;border-radius:12px;font-weight:700;font-size:1.4rem}.scale button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.scale .ends{display:none}input[type=text],input[type=number],textarea{font-size:1rem;min-height:60px;border:2px solid #747678;border-radius:12px;padding:14px 16px}textarea{min-height:150px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.tag{background:#f2f2f1;border-radius:99px;padding:8px 16px;font-size:.9rem}.seg{display:flex;gap:10px;margin-bottom:14px}.seg button{flex:1;min-height:64px;border:2px solid var(--line);background:#fff;border-radius:12px;font-weight:700;font-size:1rem}.seg button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.rank{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 12px 10px 14px;margin-bottom:10px}.rank .n{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;flex:none;font-size:.9rem}.rank .t{flex:1;min-width:0;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;font-weight:700;font-size:.9rem;line-height:1.25}.rank button{width:48px;height:56px;border-radius:12px;border:2px solid var(--primary);background:#fff;color:var(--primary);font-size:1.1rem;flex:none}.rank button[disabled]{opacity:.25}.pts{border:2px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px}.pts .lbl{font-weight:700;margin-bottom:10px}.stepper{display:grid;grid-template-columns:72px 1fr 72px;gap:12px;align-items:center}.stepper button{min-height:68px;border:2px solid var(--primary);background:#fff;color:var(--primary);border-radius:14px;font-size:2rem;font-weight:700;line-height:1}.stepper button[disabled]{opacity:.3}.stepper .v{text-align:center;font-size:2rem;font-weight:700}.pts .hd{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;gap:12px}.pts .hd span:last-child{font-size:1.4rem;color:var(--primary)}.pts input[type=range]{width:100%;height:48px;accent-color:var(--primary);margin-top:6px}.left{position:sticky;top:0;z-index:4;background:#fff;padding:10px 0;font-weight:700;border-bottom:2px solid var(--line);margin-bottom:14px}.grid{position:relative;width:100%;aspect-ratio:1;background:#fff;border:3px solid #000;touch-action:none;margin:8px 0}.grid:before,.grid:after{content:"";position:absolute;background:var(--line)}.grid:before{left:50%;top:0;bottom:0;width:2px}.grid:after{top:50%;left:0;right:0;height:2px}.dot{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem;border:3px solid #fff;box-shadow:0 1px 5px #00000073;pointer-events:none}.ax{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.pinimg{position:relative;touch-action:none}.pinimg img{width:100%;display:block;border-radius:12px;border:2px solid var(--line);user-select:none;-webkit-user-drag:none}.pinimg .dot{background:var(--bad)}.q{background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;display:flex;gap:14px;align-items:flex-start}.q.answered{opacity:.6}.q.focus{border:3px solid var(--accent);box-shadow:0 0 0 2px #000}.q .tx{flex:1;overflow-wrap:anywhere}.vote{flex:none;min-width:68px;min-height:68px;border:2px solid var(--primary);background:#fff;color:var(--primary);border-radius:14px;font-weight:700;display:grid;place-items:center;line-height:1.1;font-size:.9rem}.vote b{font-size:1.2rem}.vote[aria-pressed=true]{background:var(--primary);color:#fff}.timer{font-weight:700;font-size:1.6rem;text-align:center;background:var(--accent);border-radius:12px;padding:8px;margin-bottom:16px}.foot{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:8;display:none}.foot .btn{width:100%;max-width:560px;margin:0 auto;display:flex}.namelink{text-align:center;margin-top:36px}.namelink button{background:none;border:0;color:var(--muted);text-decoration:underline;font-size:.8rem;min-height:44px;padding:8px 12px}.sheet{position:fixed;inset:0;background:#fff;z-index:20;overflow:auto;display:none}.sheet.show{display:block}.toast{position:fixed;left:16px;right:16px;bottom:100px;background:#000;color:#fff;padding:16px 18px;border-radius:14px;z-index:40;display:none;text-align:center;font-weight:700}.toast.show{display:block}