body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}:root{--bg:#f5f2ed;--surface:#faf8f4;--surface2:#f0ece4;--border:#e0d9cf;--border2:#cfc8bc;--text:#1a1814;--muted:#6b6560;--muted2:#7a7570;--danger:#c0392b;--danger-bg:#fee;--danger-border:#fcc;--danger-on:#fff;--warning:#b5470b;--warning-bg:#fff4e6;--warning-border:#f0d4a0;--font-display:"Playfair Display",serif;--font-mono:"DM Mono",monospace;--font-sans:"DM Sans",sans-serif;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.08);--ease-paper:cubic-bezier(.4,0,.2,1);--ease-page-turn:cubic-bezier(.3,0,.2,1);--ease-settle:cubic-bezier(.16,1,.3,1);--phase-focus:#1a1814;--phase-short:#2e7d52;--phase-long:#1a5c9e}:root{--rail-w:240px;--rail-w-min:64px;--content-max:900px;--shell-gutter:32px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}::selection{background:#d4c9b8}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}*:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:2px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--rail-w);min-width:var(--rail-w);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;transition:none}.sidebar-header{padding:24px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-logo-wrap{display:flex;align-items:center;gap:12px}.sidebar-logo{width:40px;height:40px;border-radius:10px;flex-shrink:0}.sidebar-wordmark{font-family:var(--font-display);font-size:20px;font-weight:600}.sidebar-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:.05em}.sidebar-nav{padding:12px 0;border-bottom:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:13px;cursor:pointer;color:var(--muted);transition:all .1s;border-inline-start:2px solid transparent}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--text);border-left-color:var(--text);background:var(--surface2)}.sidebar-courses{flex:1;overflow-y:auto;padding:12px 0}.courses-label{padding:4px 20px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--muted2);text-transform:uppercase}.course-item{display:flex;align-items:center;gap:10px;padding:8px 20px;cursor:pointer;font-size:13px;transition:background .1s;border-inline-start:2px solid transparent}.course-item:hover{background:var(--surface2)}.course-item.active{background:var(--surface2);border-left-color:var(--text)}.course-pip{width:8px;height:8px;border-radius:50%;flex-shrink:0}.course-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-count{font-family:var(--font-mono);font-size:10px;color:var(--muted2)}.course-edit-btn{opacity:0;font-size:13px;color:var(--muted);cursor:pointer;padding:0 2px;transition:opacity .1s,color .1s;line-height:1}.course-item:hover .course-edit-btn{opacity:1}.course-edit-btn:hover{color:var(--text)}.add-course-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;color:var(--muted);font-size:12px;cursor:pointer;transition:color .1s}.add-course-btn:hover{color:var(--text)}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;align-items:center;padding:max(18px,env(safe-area-inset-top)) 0 18px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--shell-gutter)}.topbar-title{font-family:var(--font-display);font-size:22px;font-weight:500}.topbar-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:all .12s var(--ease-paper,ease);-webkit-tap-highlight-color:transparent}.topbar-avatar:hover{border-color:var(--text)}.topbar-avatar.active{background:var(--text);color:var(--bg);border-color:var(--text)}.topbar-avatar{overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-glyph{line-height:1;display:block}.topbar-date{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.content{padding:var(--shell-gutter);flex:1;max-width:var(--content-max);width:100%;margin:0 auto}.content.content-wide{max-width:none}@media(max-width:768px){.content{padding:16px 14px;max-width:100%;margin:0}}@media(max-width:768px){.app{display:block;height:100dvh;overflow:hidden;position:relative}.sidebar{display:none}.main{height:100dvh;overflow-y:auto;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{padding:max(14px,env(safe-area-inset-top)) 0 12px;position:sticky;top:0;z-index:10}.topbar-inner{max-width:100%;padding:0 16px}.topbar-title{font-size:18px}.content{padding:16px 14px;max-width:100%}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 4px;cursor:pointer;color:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.03em;text-align:center;line-height:1.25;border-top:2px solid transparent;transition:all .1s;-webkit-tap-highlight-color:transparent}.mobile-tab-label{display:block}.mobile-tab:active{background:var(--surface2)}.mobile-tab.active{color:var(--text);border-top-color:var(--text)}.mobile-courses-bar{display:flex;align-items:center;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));left:0;right:0;z-index:49;background:var(--surface);border-top:1px solid var(--border);overflow:hidden;transition:max-height .25s ease;max-height:0}.mobile-courses-bar.open{max-height:56px}.mobile-courses-scroll{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.mobile-courses-scroll::-webkit-scrollbar{display:none}.mobile-course-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;white-space:nowrap;font-size:12px;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-course-chip.active{border-color:var(--text)}.mobile-course-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mobile-course-add{padding:6px 12px;background:transparent;border:1px dashed var(--border2);border-radius:20px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap;flex-shrink:0}}@media(min-width:769px){.mobile-tabbar,.mobile-courses-bar{display:none!important}}@media(min-width:1201px){:root{--content-max:1180px;--shell-gutter:40px}.topbar-title{font-size:26px}}@media(min-width:1600px){:root{--content-max:1360px;--shell-gutter:48px}}.app.is-rail{--rail-w:var(--rail-w-min)}.app.is-rail .rail-hide{display:none}.app.is-rail .sidebar-header{padding:20px 8px 16px}.app.is-rail .sidebar-logo-wrap{justify-content:center;gap:0}.app.is-rail .courses-label{padding-inline:0;text-align:center}.app.is-rail .nav-item,.app.is-rail .course-item,.app.is-rail .add-course-btn,.app.is-rail .rail-toggle{padding-inline:0;justify-content:center;gap:5px}.sidebar-foot{border-top:1px solid var(--border);padding:6px 0}.rail-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;background:none;border:0;color:var(--muted2);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .1s,background .1s}.rail-toggle:hover{color:var(--text);background:var(--surface2)}@media(min-width:769px){.sidebar{transition:width .22s var(--ease-paper),min-width .22s var(--ease-paper)}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}