:root{--bg:#f4f2f2;--card:#fff;--card-2:#f8f7f7;--text:#231815;--muted:#7a7270;--border:#e4dfde;--primary:#d12213;--brand:#d12213;--primary-text:#fff;--primary-soft:#fce3e3;--ok:#15803d;--ok-soft:#e7f5ec;--stuck:#c2560c;--stuck-soft:#fdf0e3;--info:#1d5fc4;--info-soft:#e8f0fc;--danger:#b4123a;--danger-soft:#fbe7ec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;line-height:1.6}h1{letter-spacing:.02em;margin:0;font-size:1.5rem}h2{letter-spacing:.02em;margin:0;font-size:1.05rem}p{margin:0}.page{max-width:640px;padding:20px 16px calc(100px + env(safe-area-inset-bottom));margin:0 auto}.page.center{flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:16px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--danger)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.95rem;display:flex}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--card-2);color:var(--text);border-radius:12px;width:100%;padding:12px;font-size:16px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#b0a8a6}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}textarea{resize:vertical;min-height:110px}.btn{font:inherit;border:1px solid var(--border);background:var(--card-2);min-height:52px;color:var(--text);cursor:pointer;border-radius:14px;width:100%;padding:12px 16px;font-size:1rem;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--primary-text);font-weight:700;box-shadow:0 4px 14px #d1221338}.btn:disabled{opacity:.45}.tabbar{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#ffffffeb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:62px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.72rem;text-decoration:none;display:flex;position:relative}.tab-icon{filter:grayscale()opacity(.55);font-size:1.35rem;line-height:1.2}.tab.active{color:var(--primary);font-weight:700}.tab.active .tab-icon{filter:none}.tab.active:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}.pre{white-space:pre-wrap}.grow{flex:1;min-width:0}.row{gap:8px;display:flex}.row>.btn{flex:1}a.card,.link{color:inherit;text-decoration:none}.link{font-weight:600}.back{color:var(--primary);font-size:.95rem;text-decoration:none}.list-item{align-items:center;gap:12px;min-height:64px;transition:border-color .15s;display:flex}a.list-item:active{border-color:var(--primary)}.num{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;display:grid}.badge{white-space:nowrap;background:var(--card-2);color:var(--muted);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.78rem;font-weight:600}.badge.done{background:var(--ok-soft);color:var(--ok)}.badge.stuck{background:var(--stuck-soft);color:var(--stuck)}.badge.understood{background:var(--info-soft);color:var(--info)}.points{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.points li::marker{color:var(--primary)}.status-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.status-btn{flex-direction:column;align-items:center;gap:2px;min-height:76px;padding:8px 4px;font-size:.9rem;display:flex}.status-emoji{font-size:1.6rem;line-height:1.2}.status-btn.selected.done{background:var(--ok-soft);border:2px solid var(--ok);color:var(--ok)}.status-btn.selected.stuck{background:var(--stuck-soft);border:2px solid var(--stuck);color:var(--stuck)}.status-btn.selected.understood{background:var(--info-soft);border:2px solid var(--info);color:var(--info)}.move-buttons{gap:4px;display:flex}.icon-btn{font:inherit;border:1px solid var(--border);background:var(--card-2);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;padding:0 10px;font-size:.85rem}.icon-btn:disabled{opacity:.25}.icon-btn.danger{color:var(--danger)}.danger-btn{color:var(--danger);background:var(--card);border-color:#f0c4cf}.point-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.small-actions{justify-content:flex-end}.edit-box{border-bottom:1px solid var(--border);padding-bottom:10px}.btn-link{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.center-text{text-align:center;align-items:center}.segmented{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{font:inherit;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1}.segmented button.on{background:var(--primary);color:var(--primary-text);font-weight:700}.segmented.big button{min-height:56px;font-size:1.5rem}.choice-input{align-items:center;gap:8px;display:flex}.icon-btn.correct-on{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:700}.question-body{font-size:1.05rem}.answer-grid{gap:10px;display:grid}.answer-grid.two{grid-template-columns:1fr 1fr}.answer-btn{min-height:64px}.answer-btn.big-mark{min-height:96px;font-size:2.2rem}.answer-btn.choice{text-align:left;align-items:center;gap:12px;font-weight:500;display:flex}.result.ok{border:2px solid var(--ok);background:var(--ok-soft)}.result.ng{border:2px solid var(--danger);background:var(--danger-soft)}.result-mark{font-size:1.4rem;font-weight:700}.score{color:var(--primary);font-size:2.4rem;font-weight:800}.notice{background:var(--primary-soft);color:#8f1a10;border:1px solid #f3b9b3;border-radius:12px;padding:10px 12px;font-size:.85rem}.reach-row{grid-template-columns:5.5em 1fr auto;align-items:center;gap:10px;display:grid}.reach-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reach-bar{background:var(--card-2);border-radius:999px;height:8px;overflow:hidden}.reach-fill{background:var(--brand);border-radius:999px;height:100%}.reach-label{white-space:nowrap}.stuck-count{color:var(--stuck)}.table-scroll{margin:-4px;padding:4px;overflow-x:auto}.progress-table{border-collapse:collapse;width:100%;font-size:.85rem}.progress-table th,.progress-table td{border-bottom:1px solid var(--border);text-align:center;padding:8px 6px}.progress-table th{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:5em;font-weight:600;overflow:hidden}.progress-table .lec-col{text-align:left;background:var(--card);min-width:7em;position:sticky;left:0}.progress-table .cell{font-size:1.1rem}.legend{margin-top:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 16px}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:700}.answer-card.ok{border-left:4px solid var(--ok)}.answer-card.ng{border-left:4px solid var(--danger)}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rate-head,.rate-row{align-items:center;gap:10px;display:flex}.rate-row{border-top:1px solid var(--border);padding-top:8px}.name-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.name-btn{background:var(--card);min-height:64px;font-size:1.05rem}.name-btn:active{border-color:var(--primary);color:var(--primary)}.link-btn{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 0}.link-btn.muted{color:var(--muted);text-align:center;text-decoration:underline}textarea.short{min-height:80px}.check-row{align-items:center;gap:10px;min-height:44px;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--primary)}.post-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.post-name{font-weight:700}.post-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.like-btn{font:inherit;border:1px solid var(--border);background:var(--card-2);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;margin-right:auto;padding:0 14px}.like-btn.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:700}.quote{border-left:3px solid var(--primary);background:var(--card-2);border-radius:8px;padding:8px 12px}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.topic-latest{border:1px solid var(--primary);border-top:4px solid var(--primary)}.topic-head{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:0;display:flex}.topic-title{font-size:1.1rem;font-weight:700}.stuck-box{background:var(--stuck-soft);border:1px solid #f2c79c}.stuck-row{color:inherit;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:flex}.stuck-names{width:100%}.app-header{background:var(--brand);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.app-header-inner{align-items:baseline;gap:12px;max-width:640px;margin:0 auto;display:flex}.app-logo{letter-spacing:.4em;white-space:nowrap;font-size:.95rem;font-weight:500}.app-sub{opacity:.85;font-size:.8rem}.login-wrap{flex-direction:column;min-height:100vh;display:flex}.login-hero{background:var(--brand);color:#fff;padding:calc(48px + env(safe-area-inset-top)) 16px 40px;text-align:center}.login-hero .brand-mark{color:#fff;letter-spacing:.45em;margin-left:.45em;font-size:1.6rem;font-weight:400}.login-hero .login-title{letter-spacing:.15em;opacity:.92;margin-top:8px;font-size:1rem}.login-body{flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 16px 40px}.topic-banner{background:var(--primary-soft);color:#8f1a10;border:1px solid #f3b9b3;border-radius:14px;align-items:center;gap:8px;width:calc(100% - 32px);max-width:640px;margin:12px auto 0;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}.topic-banner-go{margin-left:auto;font-weight:600}.tab-icon{position:relative}.tab-dot{background:var(--brand);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:-6px}.new-badge{background:var(--brand);color:#fff}.ack-btn{font-size:1.1rem}.ack-btn.on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.ack-list{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:8px;display:flex}.sun{color:#c81e1e}.sat{color:#1d5fc4}.round-card{gap:6px}.os-tag{color:#fff;white-space:nowrap;background:#231815;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.divider{border:none;border-top:1px solid var(--border);width:100%;margin:4px 0}.calendar{flex-direction:column;gap:8px;display:flex}.calendar-head{justify-content:space-between;align-items:center;display:flex}.calendar-title{font-weight:700}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-wd{color:var(--muted);font-size:.75rem}.calendar-day{font:inherit;aspect-ratio:1;border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px}.calendar-day.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.calendar-day.registered{color:#a59d9b;background:#e9e5e4;border-color:#0000}.date-row{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.date-row-head{align-items:center;gap:8px;min-height:36px;display:flex}.date-label{font-weight:700}.date-label.big{font-size:1.15rem}.os-check{min-height:36px;margin-left:auto}.shift-table td,.shift-table th{padding:4px}.shift-table .lec-col{white-space:nowrap}.shift-cell-td{padding:3px!important}.shift-cell{font:inherit;border:1px solid var(--border);background:var(--card);width:100%;min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1.1;display:flex}.shift-cell.available{color:var(--ok)}.shift-cell.unavailable{color:#b0a8a6}.shift-cell.none{color:#c9c2c0}.shift-cell.conf{background:var(--brand);border-color:var(--brand);color:#fff}.shift-os{opacity:.85;font-size:.68rem;font-weight:600}.os-sum-row{align-items:center;gap:10px;display:flex}.os-sum-row .badge{text-align:center;min-width:5.5em}.badge.os-office{background:var(--ok-soft);color:var(--ok)}.badge.os-web{background:var(--info-soft);color:var(--info)}.badge.os-absent{background:var(--card-2);color:var(--muted)}.confirmed-box{border:2px solid var(--brand)}.conf-chip{background:var(--brand);color:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700}.day-card.unfilled{border-left:4px solid #f2c79c}.day-card.selected{border:2px solid var(--brand);background:var(--primary-soft)}.select-box{color:#fff;background:#fff;border:2px solid #c9c2c0;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.select-box.on{background:var(--brand);border-color:var(--brand)}.avail-btn{min-height:56px}.avail-btn.available.on{background:var(--ok);border-color:var(--ok);color:#fff}.avail-btn.unavailable.on{color:#fff;background:#5b5351;border-color:#5b5351}.os-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.os-btn{min-height:48px}.os-btn.os-office.on{background:var(--ok-soft);border:2px solid var(--ok);color:var(--ok)}.os-btn.os-web.on{background:var(--info-soft);border:2px solid var(--info);color:var(--info)}.os-btn.os-absent.on{background:var(--card-2);color:#5b5351;border:2px solid #8a817f}.bulk-open{border-style:dashed;border-color:var(--brand);color:var(--brand)}.bulk-panel{border:2px solid var(--brand)}.weekday-chips{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.wd-chip{font:inherit;aspect-ratio:1;border:1px solid var(--border);background:var(--card);cursor:pointer;min-height:44px;color:var(--text);border-radius:50%;font-weight:700}.wd-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.dialog-backdrop{z-index:50;background:#23181573;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.dialog{background:var(--card);border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:20px;display:flex;box-shadow:0 20px 50px #00000040}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.sheet-backdrop{align-items:flex-end;padding:0}.sheet{background:var(--card);width:100%;max-width:640px;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:85vh;overflow-y:auto}.shift-toolbar{box-shadow:0 6px 18px #2318150f}.avail-btn.available{color:var(--ok);background:var(--card);border-color:#9ad6b0}.avail-btn.unavailable{color:#5b5351;background:var(--card);border-color:#cfc8c6}.os-btn{background:var(--card)}.os-btn.os-office{color:var(--ok)}.os-btn.os-web{color:var(--info)}.os-btn.os-absent{color:#5b5351}.brushes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.brush{font:inherit;border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;font-size:.85rem;font-weight:700}.brush.b-ok{color:var(--ok)}.brush.b-ng{color:#5b5351}.brush.b-office{color:var(--ok)}.brush.b-web{color:var(--info)}.brush.b-absent{color:var(--muted)}.brush.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 3px 10px #d122134d}.shift-cal{flex-direction:column;gap:6px;display:flex}.shift-cal+.shift-cal{margin-top:16px}.shift-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.sc-off{color:#cfc8c6;text-align:center;min-height:58px;padding-top:6px;font-size:.8rem}.sc{font:inherit;border:1px solid var(--border);background:var(--card);min-height:58px;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:3px 2px 2px;display:flex;position:relative;overflow:hidden}.sc.unfilled{border:1.5px dashed #d9a37a}.sc.available{background:var(--ok-soft);border-color:#9ad6b0}.sc.unavailable{background:#eceae9}.sc.sel{outline:3px solid var(--brand);outline-offset:-1px}.sc.conf{background:var(--brand);border-color:var(--brand);color:#fff}.sc.conf .sc-day{color:#fff}.sc-day{font-size:.72rem;font-weight:600;line-height:1.2}.sc-mark{min-height:1.1em;font-size:1.15rem;font-weight:800;line-height:1.1}.sc.available .sc-mark{color:var(--ok)}.sc.unavailable .sc-mark{color:#8a817f}.sc.conf .sc-mark{color:#fff;font-size:.75rem}.sc-os{color:#fff;background:#231815;font-size:.6rem;font-weight:700;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.sc-os.os-office{background:var(--ok)}.sc-os.os-web{background:var(--info)}.sc-os.os-absent{background:#8a817f}.sc-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.cal-hint{margin-top:8px}.memo-row{font:inherit;text-align:left;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:8px;min-height:44px;padding:10px 0;display:flex}.memo-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shift-time{font-size:.66rem;font-weight:700;line-height:1.2}.time-row{color:var(--text);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.time-row input{text-align:center;font-weight:700}.confirmed-line{background:var(--primary-soft);color:#8f1a10;border-radius:10px;padding:8px 12px}.sc.conf .sc-mark{letter-spacing:-.02em;font-size:.68rem}.submit-box{border:2px solid var(--brand)}.submit-btn{min-height:58px;font-size:1.1rem}.submitted-box{border:2px solid var(--ok);background:var(--ok-soft)}.sub-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-name{min-width:4em;font-weight:600}