@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap";@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf)format("truetype-variations");font-weight:400;font-style:normal}:root{--paper:#fafaf8;--surface:#fff;--surface-2:#f4f3f0;--border:#e6e4de;--border-strong:#d6d3cb   --fg-1: #1c1b19;--fg-2:#605d57;--fg-3:#97938b;--accent:#34508c;--accent-hover:#2a4070;--accent-press:#223561;--accent-soft:#ecf0f8;--status-todo-bg:#efeeea;--status-todo-fg:#6b6862;--status-doing-bg:#fbefd3;--status-doing-fg:#8a5a00;--status-done-bg:#e1efe2;--status-done-fg:#2e6b3c;--type-book-bg:#f0e8dc;--type-book-fg:#785832;--type-article-bg:#e7ecf1;--type-article-fg:#3f526b;--danger:#b23a30;--danger-soft:#f7e7e5;--focus-ring:#34508c59;--text-xs:13px;--text-sm:14px;--text-base:16px;--text-lg:19px;--text-xl:23px;--text-2xl:28px;--text-3xl:34px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}body{font-family:Public Sans,sans-serif;font-size:var(--text-base);background:var(--paper);color:var(--fg-1);line-height:1.55}h1,h2{font-family:Bricolage Grotesque,sans-serif;line-height:var(--lh-tight)}.app{min-height:100vh;display:flex}aside{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:26px;width:232px;height:100vh;padding:20px 14px;display:flex;position:fixed;top:0;left:0}.brand{font-family:Bricolage Grotesque,sans-serif;font-size:var(--text-2xl);color:var(--fg-1);align-items:center;gap:10px;font-weight:500;display:flex}.brand i{color:var(--accent);width:26px;height:26px}nav{flex-direction:column;gap:4px;display:flex}.nav-item{width:100%;font-family:Public Sans,sans-serif;font-size:var(--text-base);color:var(--fg-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:10px 12px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--fg-1)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{font-size:var(--text-xs);color:var(--fg-3);margin-top:auto}.topbar{display:none}main{flex:1;margin-left:232px;padding:40px 32px}.main-narrow{flex:1;max-width:792px;margin-left:232px;padding:40px 32px}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{font-size:var(--text-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.meta{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--lh-snug)}.item-title{font-family:Bricolage Grotesque,sans-serif;font-size:var(--text-lg);color:var(--fg-1);font-weight:500}.panel{background:var(--surface);border:1px solid var(--border);margin:var(--space-6) 0;border-radius:12px;padding:22px;box-shadow:0 1px 2px #1c1b190d}.progress-header{margin-bottom:var(--space-2);font-size:var(--text-base);justify-content:space-between;align-items:center;font-weight:600;display:flex}.progress-header span:last-child{font-size:var(--text-sm);color:var(--fg-2);font-weight:500}.progress-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%}.list-header{margin-bottom:var(--space-4);font-size:var(--text-base);justify-content:space-between;align-items:center;font-weight:600;display:flex}.item-list{gap:var(--space-3);flex-direction:column;display:flex}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #1c1b190d}.item-main{flex:1;min-width:0}.item-main .meta{margin-top:2px}.item-badges{align-items:center;gap:8px;display:flex}.item-actions{gap:2px;display:flex}.badge{font-size:var(--text-xs);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-weight:600;line-height:1;display:inline-flex}.badge i{width:9px;height:9px}.type-book{background:var(--type-book-bg);color:var(--type-book-fg)}.type-article{background:var(--type-article-bg);color:var(--type-article-fg)}.status-todo{background:var(--status-todo-bg);color:var(--status-todo-fg)}.status-doing{background:var(--status-doing-bg);color:var(--status-doing-fg)}.status-done{background:var(--status-done-bg);color:var(--status-done-fg)}.badge-active{background:var(--accent-soft);color:var(--accent)}.badge-archived{background:var(--surface-2);color:var(--fg-2)}.tag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--fg-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500}.btn-primary{background:var(--accent);color:#fff;font-family:Public Sans,sans-serif;font-size:var(--text-sm);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 15px;font-weight:600;line-height:1;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--fg-1);border:1px solid var(--border-strong);font-family:Public Sans,sans-serif;font-size:var(--text-sm);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 15px;font-weight:600;line-height:1;display:inline-flex}.btn-secondary:hover{background:var(--surface-2)}.icon-btn{cursor:pointer;width:34px;height:34px;color:var(--fg-3);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--fg-1)}.icon-btn-danger:hover{background:var(--danger-soft);color:var(--danger)}.card-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.curriculum-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:5px;padding:20px;display:flex;position:relative;box-shadow:0 1px 2px #1c1b190d}.card-archived{opacity:.6}.card-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;padding-right:0;display:flex}.card-title{font-family:Bricolage Grotesque,sans-serif;font-size:var(--text-xl);color:var(--fg-1);cursor:pointer;font-weight:500;line-height:var(--lh-tight)}.card-title:hover{color:var(--accent)}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:14px;display:flex}.card-actions{gap:2px;display:flex}.toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-wrap{flex:1;align-items:center;display:flex;position:relative}.search-wrap i{color:var(--fg-3);width:18px;height:18px;position:absolute;left:12px}.search-wrap input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--fg-1);border-radius:8px;padding:10px 12px 10px 38px;font-family:Public Sans,sans-serif;font-size:15px}.filter-pills{gap:8px;display:flex}.pill{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-2);font-family:Public Sans,sans-serif;font-size:var(--text-sm);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:600}.pill:hover{background:var(--surface-2)}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.form{margin-top:var(--space-6);flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{font-size:var(--text-sm);color:var(--fg-1);font-weight:600}.label-hint{color:var(--fg-3);font-weight:400}.form-field input,.form-field textarea{border:1px solid var(--border-strong);background:var(--surface);color:var(--fg-1);border-radius:8px;padding:10px 12px;font-family:Public Sans,sans-serif;font-size:15px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--fg-3)}.form-field textarea{resize:vertical;min-height:84px;line-height:1.5}.date-row{gap:14px;display:flex}.date-row .form-field{flex:1}.form-actions{justify-content:flex-end;gap:10px;display:flex}.back-link{font-family:Public Sans,sans-serif;font-size:var(--text-sm);color:var(--fg-2);cursor:pointer;margin-bottom:var(--space-6);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:500;display:inline-flex}.back-link:hover{color:var(--fg-1)}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:3px;width:fit-content;padding:3px;display:flex}.seg-btn{font-family:Public Sans,sans-serif;font-size:var(--text-sm);color:var(--fg-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 18px;font-weight:600}.seg-btn.active{background:var(--surface);color:var(--fg-1);box-shadow:0 1px 2px #1c1b190d}.modal-scrim{z-index:50;background:#1c1b196b;justify-content:center;align-items:center;width:100%;height:100%;padding:56px 20px;display:flex;position:fixed;top:0;left:0}.modal-sheet{background:var(--surface);border-radius:12px;width:100%;max-width:520px;overflow-y:auto;box-shadow:0 4px 16px #1c1b191a}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h2{font-family:Bricolage Grotesque,sans-serif;font-size:var(--text-xl);font-weight:500}.modal-body{flex-direction:column;gap:18px;padding:22px 20px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}a{color:inherit;text-decoration:none}.modal-overlay{z-index:99999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{width:100%;max-width:500px;color:var(--fg-1);background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}