:root{--color-bg:#faf7f2;--color-surface:#fff;--color-primary:#1f5c4a;--color-primary-soft:#e3efe9;--color-accent:#f7e1cc;--color-text:#22262a;--color-muted:#5f666d;--color-border:#d9dcd8;--color-error:#b3261e;--radius:16px;color:var(--color-text);background:var(--color-bg);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:18px;line-height:1.6}*{box-sizing:border-box}body{margin:0}.page{max-width:960px;margin:0 auto;padding:16px 16px 48px}.page.narrow{max-width:440px}.brand{color:var(--color-primary);margin:0;font-weight:700}h1{margin:8px 0 24px;font-size:1.6rem}h2{margin:0 0 16px;font-size:1.2rem}.field{margin-bottom:20px}.field label{margin-bottom:6px;font-weight:600;display:block}input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;width:100%;min-height:52px;padding:12px 14px;font-size:1rem;display:block}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button{cursor:pointer;border-radius:12px;min-height:52px;padding:12px 20px;font-size:1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}.primary{color:#fff;background:var(--color-primary);border:none;width:100%}.secondary{white-space:nowrap;width:100%;color:var(--color-primary);background:var(--color-surface);border:2px solid var(--color-primary);margin-top:16px}.link{white-space:nowrap;min-width:44px;min-height:44px;color:var(--color-primary);background:0 0;border:none;padding:0 8px;text-decoration:underline}.note,.muted{color:var(--color-muted);font-size:.9rem}.error{color:var(--color-error);font-weight:600}.notice{background:var(--color-accent);border-radius:12px;padding:12px 16px}.loading{text-align:center;padding:24px 0}.cards{gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:20px}.card-title{margin:0;font-size:1.2rem;font-weight:700}.status{background:var(--color-primary-soft);border-radius:999px;padding:4px 12px;display:inline-block}.status.locked{background:var(--color-accent)}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions .secondary{flex:160px;width:auto}.inline-form{margin-top:16px}@media (width>=720px){.cards{grid-template-columns:repeat(2,1fr)}}textarea,select{width:100%;min-height:52px;font:inherit;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:12px 14px}textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}fieldset{border:none;margin:0 0 20px;padding:0}legend{margin-bottom:6px;font-weight:600}.button-link{color:#fff;background:var(--color-primary);border-radius:12px;align-items:center;min-height:52px;margin-bottom:16px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.card-link{min-height:44px;color:var(--color-text);font-weight:700;display:block}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented legend{width:100%}.segmented label{border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:inline-flex}.segmented label.selected{border:2px solid var(--color-primary);background:var(--color-primary-soft)}.segmented input,.choice-row input[type=radio],.check input{width:24px;min-height:24px}.choice-row,.item-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.item-list{padding-left:0;list-style:none}.item-row{flex-wrap:wrap;justify-content:space-between}.check{align-items:center;gap:12px;min-height:44px;margin-bottom:16px;display:flex}.summary{grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0;display:grid}.summary dt{color:var(--color-muted)}.summary dd{margin:0;font-weight:700}.stats,.detail-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.stat-name{margin:0 0 4px;font-weight:700}.detail-item{border-top:1px solid var(--color-border);padding-top:12px}.review{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs a{min-height:48px;color:var(--color-muted);white-space:nowrap;border-bottom:3px solid #0000;flex:none;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.tabs a:hover{color:var(--color-primary)}.tabs a:focus-visible{outline-offset:-3px}@media (width<=420px){.tabs{gap:0}.tabs a{padding:0 8px;font-size:.85rem}}.tabs a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.app-tabs{max-width:960px;margin:0 auto;padding:0 8px}.set-tabs{border-bottom:1px solid var(--color-border);margin-bottom:16px}.tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;display:flex}.tag{background:var(--color-primary-soft);border-radius:999px;padding:2px 10px;font-size:.85rem;display:inline-block}.tag.review,.tag.pending{background:var(--color-accent);font-weight:700}.tag.alert{color:var(--color-error);background:#fbe4e2;font-weight:700}.tag.muted{color:var(--color-muted);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border)}.user-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.user-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-name{min-height:44px;color:var(--color-text);align-items:center;font-weight:700;display:inline-flex}.user-id{color:var(--color-muted);margin:0;font-size:.8rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cards.single{grid-template-columns:1fr}.set-card.current{background:var(--color-accent);border-color:#0000}.set-card .primary{margin-top:12px}.badge-row{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.badge{color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:700;display:inline-block}.badge.accent{color:var(--color-text);background:var(--color-accent)}.badge.outline{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary)}.set-title{margin:0 0 16px}.progress{margin:12px 0 20px}.progress-label{justify-content:space-between;margin:0 0 6px;font-weight:700;display:flex}.progress-track{background:var(--color-border);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%}.prompt{white-space:pre-wrap;margin:8px 0 24px;font-size:1.3rem;font-weight:700}.choice-list{gap:12px;display:grid}.choice{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;gap:16px;min-height:64px;padding:12px 16px;font-size:1.1rem;display:flex}.choice.selected{border:2px solid var(--color-primary);background:var(--color-primary-soft)}.choice input{width:24px;min-height:24px}.counter{text-align:right;margin:4px 0 0}.feedback{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);margin:8px 0 20px;padding:16px 20px}.result-mark{margin:0 0 8px;font-size:1.2rem;font-weight:700}.result-mark.correct{color:var(--color-primary)}.answer-text{white-space:pre-wrap}.score{font-size:1.3rem;font-weight:700}.focus-target:focus{outline:none}.login-screen{padding:48px 16px}.login-panel{max-width:440px;margin:0 auto}.login-panel .brand{text-align:center;font-size:1.4rem}.login-panel h1{text-align:center;margin:12px 0 32px;font-size:1.9rem}@media (width>=720px){.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;max-width:480px;margin:0;padding:48px 44px 40px;box-shadow:0 8px 24px #22262a14}.login-panel .brand{font-size:1.2rem}.login-panel h1{margin:8px 0 28px;font-size:1.7rem}}.password-input{position:relative}.password-input input{padding-right:76px}.password-input input::-ms-reveal{display:none}.toggle{white-space:nowrap;min-height:44px;color:var(--color-primary);background:0 0;border:none;padding:0 14px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.app-header{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-bar{justify-content:space-between;align-items:center;max-width:960px;min-height:64px;margin:0 auto;padding:8px 16px;display:flex}.page-nav{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.nav-button{min-height:44px;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:999px;align-items:center;gap:4px;padding:0 18px 0 12px;font-size:.95rem;display:inline-flex}.nav-button:disabled{opacity:.5}.page>h1{margin:16px 0}.app-bar .brand{font-size:1.2rem}.icon{flex:none}.account-menu{position:relative}.account-button{width:52px;height:52px;color:var(--color-primary);background:var(--color-primary-soft);border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.account-button.open{background:var(--color-surface);border-color:var(--color-primary)}.account-list{z-index:10;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;min-width:240px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #22262a1f}.account-list li+li{border-top:1px solid var(--color-border)}.account-name,.account-item{text-align:left;width:100%;min-height:52px;color:var(--color-text);align-items:center;gap:12px;padding:0 16px;font-size:1rem;display:flex}.account-name span{overflow-wrap:anywhere;min-width:0}.account-name .icon,.account-item .icon{color:var(--color-primary)}.account-item{background:0 0;border:none;border-radius:0;font-weight:400;text-decoration:none}.account-item:hover{background:var(--color-primary-soft)}