:root{--bg:#f2f5f3;--card:#fff;--text:#1a211d;--muted:#6b7a72;--primary:#1f7a4d;--primary-dark:#16613c;--primary-soft:#e6f4ec;--red:#c0392b;--red-bg:#fdecea;--green-bg:#e6f4ec;--orange:#a86400;--orange-bg:#fff4e0;--blue:#3457a5;--blue-bg:#e8eefb;--border:#14281e14;--radius:16px;--radius-sm:12px;--shadow:0 1px 2px #14281e0a, 0 10px 30px #14281e0f;--shadow-float:0 2px 6px #14281e0f, 0 16px 40px #14281e1a;--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.6}::selection{background:#1f7a4d2e}button{-webkit-tap-highlight-color:transparent;font-family:inherit}.app{min-height:100vh}.center{min-height:100vh;padding:24px;padding-left:max(24px, var(--safe-left));padding-right:max(24px, var(--safe-right));padding-top:max(24px, var(--safe-top));padding-bottom:max(24px, var(--safe-bottom));justify-content:center;align-items:center;display:flex}.center-text{text-align:center}.muted{color:var(--muted);font-size:13px}.topbar{z-index:20;padding:calc(10px + var(--safe-top)) 20px 10px;padding-left:max(20px, var(--safe-left));padding-right:max(20px, var(--safe-right));-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffffb8;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;color:var(--primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:inline-flex;box-shadow:0 2px 6px #1f7a4d4d}.user{align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.user .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page{max-width:640px;padding:18px 16px calc(28px + var(--safe-bottom));padding-left:max(16px, var(--safe-left));padding-right:max(16px, var(--safe-right));flex-direction:column;gap:14px;margin:0 auto;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:card-in .45s var(--ease-out) both;padding:20px}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card-title{letter-spacing:-.01em;cursor:pointer;margin:0 0 14px;font-size:17px;font-weight:700}.login-card{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex}.login-title{text-align:center;color:var(--primary);letter-spacing:-.02em;justify-content:center;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;display:flex}.login-sub{text-align:center;margin:0 0 6px}.input{border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;background:#fafbfa;border:1px solid #14281e1f;padding:14px 16px;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}.input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #1f7a4d1f}select.input{appearance:auto}.btn{border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;color:var(--text);transition:transform .12s var(--ease-out), background .2s ease, box-shadow .2s ease, opacity .2s ease;background:#eef2ef;border:none;min-height:48px;padding:14px 18px;font-size:16px;font-weight:600}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #1f7a4d47}.btn.primary:active:not(:disabled){background:var(--primary-dark)}.btn.warn{background:var(--orange-bg);color:var(--orange);border:1px solid #a864002e}.btn.block{width:100%;margin-top:14px}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:13px;font-weight:600;text-decoration:none}.link:active{opacity:.6}.error{background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);border:1px solid #c0392b26;padding:12px 14px;font-size:14px}.actions{gap:10px;margin-top:14px;display:flex}.actions .btn{flex:1}.center-actions{justify-content:center}.filters{flex-direction:column;gap:12px;display:flex}.stat-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.stat-num{letter-spacing:-.03em;color:var(--primary);font-size:40px;font-weight:800;line-height:1.1}.stat-num .muted{letter-spacing:0;font-size:16px;font-weight:500}.stat-side{text-align:right;flex-direction:column;gap:4px;font-size:14px;display:flex}.ok{color:var(--primary)}.bad{color:var(--red)}.progress{background:#e8ede9;border-radius:999px;height:10px;overflow:hidden}.progress.thin{height:6px}.progress-fill{background:var(--primary);transform-origin:0;height:100%;transition:transform .5s var(--ease-out);border-radius:999px}.hui-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 4px;font-size:14px;display:flex}.hui-list li:last-child{border-bottom:none}.hui-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hui-picker{border-radius:var(--radius-sm);background:#fafbfa;border:1px solid #14281e1a;padding:10px 12px}.hui-picker-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hui-list{-webkit-overflow-scrolling:touch;max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.hui-check{cursor:pointer;border-bottom:1px solid #14281e0f;align-items:center;gap:10px;padding:8px 4px;font-size:14px;display:flex}.hui-check:last-child{border-bottom:none}.hui-check input{width:20px;height:20px;accent-color:var(--primary);flex:none}.hui-check .hui-name{flex:1}.quiz-head{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.quiz-meta{align-items:center;gap:8px;min-width:0;display:flex}.quiz-meta .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip{background:var(--green-bg);color:var(--primary);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:600}.chip-複選題{background:var(--orange-bg);color:var(--orange)}.chip-是非題{background:var(--blue-bg);color:var(--blue)}.stem{letter-spacing:-.01em;white-space:pre-wrap;margin:0 0 18px;font-size:19px;font-weight:600;line-height:1.55}.tf-row{gap:12px;display:flex}.btn.tf{border-radius:var(--radius);flex:1;min-height:64px;padding:20px;font-size:20px}.opts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.opt-row{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);min-height:56px;transition:border-color .15s ease, background .15s ease, transform .1s var(--ease-out);background:#fff;border:1.5px solid #14281e1a;align-items:flex-start;gap:14px;padding:15px 16px;font-size:16px;line-height:1.5;display:flex}.opt-row:active:not(:disabled){background:#f7faf8;transform:scale(.99)}.opt-key{width:28px;height:28px;color:var(--muted);background:#eef2ef;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:14px;font-weight:700;display:inline-flex}.opt-row:disabled,.btn.tf:disabled{cursor:default;opacity:1}.opt-row.picked,.btn.tf.picked{border-color:var(--primary)}.opt-row.picked .opt-key,.btn.tf.picked .opt-key{background:var(--primary);color:#fff}.opt-row.ok,.btn.tf.ok{background:var(--green-bg);border-color:var(--primary)}.opt-row.ok .opt-key,.btn.tf.ok .opt-key{background:var(--primary);color:#fff}.opt-row.bad,.btn.tf.bad{background:var(--red-bg);border-color:var(--red)}.opt-row.bad .opt-key,.btn.tf.bad .opt-key{background:var(--red);color:#fff}.opt-row.ok-plain,.btn.tf.ok-plain{border-color:var(--primary)}.banner{border-radius:var(--radius-sm);margin-bottom:12px;padding:14px 16px;font-size:16px;font-weight:700}.ok-bg{background:var(--green-bg);color:var(--primary)}.bad-bg{background:var(--red-bg);color:var(--red)}.badge{border-radius:8px;margin:0 8px 8px 0;padding:5px 10px;font-size:13px;display:inline-block}.badge-red{background:var(--red-bg);color:var(--red)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-gray{color:#5c6b73;background:#eef1f2}.check-desc{white-space:pre-wrap;margin:4px 0 0}.note{border-top:1px dashed #14281e26;margin-top:14px;padding-top:14px}.note b{color:var(--muted);font-size:13px}.note p{white-space:pre-wrap;margin:4px 0 0;font-size:15px}.center-link{align-self:center}.alert-card{text-align:left;background:var(--orange-bg);width:100%;color:var(--orange);border-radius:var(--radius);cursor:pointer;transition:transform .1s var(--ease-out);border:1px solid #a864002e;padding:15px 16px;font-size:15px;font-weight:700;display:block}.alert-card:active{transform:scale(.99)}.seg{background:#eef1ef;border-radius:12px;gap:2px;padding:3px;display:flex}.seg .btn{min-height:36px;box-shadow:none;background:0 0;border-radius:9px;flex:1;padding:8px 12px;font-size:14px}.seg .btn.primary{color:var(--text);background:#fff;box-shadow:0 1px 3px #14281e1f}.report-zone{border-top:1px dashed #14281e26;margin-top:14px;padding-top:14px}.report-link{color:var(--orange)}.report-box textarea{border-radius:var(--radius-sm);resize:vertical;width:100%;color:var(--text);appearance:none;background:#fafbfa;border:1px solid #14281e1f;padding:12px 14px;font-family:inherit;font-size:15px}.report-box textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 4px #a864001f}.report-group .stem{font-size:16px}.report-opts{margin:0 0 10px;padding:0;font-size:14px;list-style:none}.report-opts li{margin-bottom:4px}.report-notes{flex-direction:column;gap:10px;margin-top:10px;display:flex}.note-row{border-radius:var(--radius-sm);background:#fffdf7;border:1px solid #a8640029;padding:12px 14px}.note-row.done{opacity:.55;border-color:var(--border)}.note-meta{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.note-text{white-space:pre-wrap;margin:6px 0 0;font-size:15px}.btn.tiny{border-radius:8px;min-height:32px;padding:6px 12px;font-size:12px}@media (width<=480px){.stat-num{font-size:34px}.stem{font-size:18px}.page{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.card{animation:none}}@media (prefers-reduced-transparency:reduce){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5}}