:root{--bg:#fff;--surface:#fff;--surface-subtle:#f7f7f5;--text-primary:#1f1f1f;--text-secondary:#6b6b6b;--border:#e7e7e4;--brand:#2f6f4e;--brand-hover:#285f43;--brand-soft:#edf5f0;--warning:#b66a18;--warning-soft:#fff6e8;--danger:#b43a3a;--danger-soft:#fff0f0;--success:#397a55}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-subtle);color:var(--text-primary);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:15px;line-height:1.6}.app-shell{max-width:520px;margin:0 auto;padding:20px 16px 40px}@media (width>=480px){.app-shell{padding:24px 20px 48px}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button{font:inherit}.btn{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;text-align:center;border-radius:8px;padding:10px 16px;transition:background-color .15s ease-out,border-color .15s ease-out;display:block}.btn:active{background:var(--surface-subtle);transform:translateY(1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn-primary:hover,.btn-primary:active{background:var(--brand-hover)}.btn-primary:disabled{cursor:not-allowed;background:#b9c9c0;border-color:#b9c9c0;transform:none}.btn+.btn{margin-top:8px}.brand{letter-spacing:.04em;color:var(--brand);font-size:12px;font-weight:600}.headline{margin:6px 0 8px;font-size:24px;font-weight:700;line-height:1.3}.lede{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.syllabus-textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:280px;color:var(--text-primary);font:inherit;resize:vertical;border-radius:10px;padding:12px;font-size:16px;line-height:1.6}.privacy{color:var(--text-secondary);align-items:flex-start;gap:6px;margin:10px 2px 16px;font-size:12.5px;display:flex}.field-error{color:var(--danger);background:var(--danger-soft);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.char-count{text-align:right;color:var(--text-secondary);margin:4px 2px 10px;font-size:12px}.example-section{margin-top:20px}.sample-card{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.linklike{color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:none;min-height:44px;padding:10px 2px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 14px}.card+.card,.section{margin-top:10px}.section-title{color:var(--text-secondary);margin:0 0 6px;font-size:12.5px;font-weight:600}.course-name{margin:0;font-size:20px;font-weight:700;line-height:1.35}.course-meta{color:var(--text-secondary);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:13px;display:flex}.name-edit{gap:8px;margin-top:8px;display:flex}.name-edit input{border:1px solid var(--border);min-height:44px;font:inherit;background:var(--surface);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 12px}.name-edit .btn{width:auto;min-height:44px}.edit-toggle{color:var(--brand);cursor:pointer;background:0 0;border:none;min-height:44px;padding:6px 0;font-size:13px}.strategy{background:var(--brand-soft);color:var(--brand);border-radius:10px;padding:5px 14px;font-size:16px;font-weight:700;display:inline-block}.donut-row{align-items:center;gap:12px;display:flex}.legend{flex:1;gap:6px;min-width:0;display:grid}.legend-row{align-items:center;gap:10px;min-height:24px;font-size:14px;display:flex}.legend-swatch{border-radius:3px;flex:none;width:12px;height:12px}.legend-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.legend-value{font-variant-numeric:tabular-nums;font-weight:600}.no-grading{color:var(--text-secondary);background:var(--surface-subtle);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.warning-list{flex-wrap:wrap;gap:4px;display:flex}.warning-item{border:1px solid var(--warning);background:var(--warning-soft);color:var(--text-primary);border-radius:999px;align-items:center;gap:5px;margin:0;padding:3px 10px;font-size:12.5px;line-height:1.35;display:inline-flex}.warning-item .warning-mark{color:var(--warning);display:inline-flex}.warning-item.is-danger{border-color:var(--danger);background:var(--danger-soft)}.warning-item.is-danger .warning-mark{color:var(--danger)}.warning-item.is-info{background:var(--brand-soft);border-color:var(--brand)}.warning-item.is-info .warning-mark{color:var(--success)}.req-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.req-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13.5px;display:flex}.req-row .state{font-size:13px;font-weight:600}.req-row .state.yes{color:var(--brand)}.req-row .state.no,.req-row .state.unknown{color:var(--text-secondary);font-weight:400}.req-row.is-dim{opacity:.62}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:2px 12px;font-size:12.5px;font-weight:600}.note-list{color:var(--text-secondary);gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.baseline-note{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:10px;padding-top:8px;font-size:12px}.card-footer{text-align:right;letter-spacing:.04em;color:var(--text-secondary);margin:6px 0 0;font-size:11px}.actions{margin-top:12px}.export-status{text-align:center;color:var(--text-secondary);min-height:1.4em;margin-top:8px;font-size:13px}.modal-backdrop{z-index:60;background:#1f1f1f73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:14px;width:100%;max-width:360px;padding:22px 20px 18px;box-shadow:0 18px 50px #1f1f1f40}.modal-title{margin:0 0 8px;font-size:17px;font-weight:700}.modal-reason{color:var(--text-secondary);margin:0 0 14px;font-size:13px}.modal-steps{gap:8px;margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.6;display:grid}.modal-note{color:var(--text-secondary);margin:0 0 14px;font-size:12.5px}.raw-text{white-space:pre-wrap;word-break:break-word;max-height:320px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:13px;line-height:1.6;overflow-y:auto}.raw-text mark{color:var(--text-primary);background:#fbe9a8;border-radius:2px;padding:0 1px}.marker-hint{color:var(--text-secondary);margin-left:6px;font-weight:400}.list-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:12px;display:flex}.list-main{text-align:left;cursor:pointer;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;flex:1;padding:0}.list-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.list-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.delete-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;font-size:18px}.delete-btn:hover{background:var(--danger-soft);color:var(--danger)}.footer{border-top:1px solid var(--border);color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;margin-top:24px;padding-top:12px;font-size:12px;display:flex}.footer-privacy{color:var(--brand);align-items:center;gap:4px;display:inline-flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;display:flex}.footer-link{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.footer-link:hover{color:var(--brand)}.fade-in{animation:.16s ease-out fade}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}.btn:active{transform:none}}