:root{color:#201912;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#fff7e2e6,#0000 30%),linear-gradient(#fbf4e8 0%,#f4ead9 100%);font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-width:320px;overflow-y:scroll}body{color:#201912;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a,button,canvas{-webkit-tap-highlight-color:transparent}.page-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0 64px}.note-page-shell{width:min(1240px,100vw - 20px)}.hero-panel,.course-card,.note-list-card,.loading-panel,.error-panel{background:linear-gradient(#fffaf0f5,#f8f1e3fa);border:1px solid #57422824;box-shadow:0 22px 60px #523c2314}.hero-panel{border-radius:28px;padding:30px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#916a2f;margin:0 0 10px;font-size:13px;font-weight:700}.hero-panel h1,.page-header h1{color:#1d1710;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.hero-copy,.page-header p,.section-heading p{color:#4e3e2f;max-width:840px;margin:16px 0 0;font-size:1.05rem;line-height:1.75}.course-grid-section,.note-list-section{margin-top:28px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{color:#241c13;margin:0;font-size:1.7rem}.course-grid,.note-list{gap:18px;display:grid}.course-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.note-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.course-card,.note-list-card{color:inherit;border-radius:24px;padding:20px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.course-card:hover,.note-list-card:hover,.text-link:hover{transform:translateY(-2px)}.course-card:hover,.note-list-card:hover{border-color:#916a2f57;box-shadow:0 26px 74px #523c2324}.course-card-label,.note-order{color:#916a2f;background:#916a2f1a;border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.course-card h3,.note-list-card h3{color:#211912;margin:16px 0 8px}.course-card p:last-child,.note-list-card p{color:#5d4b39;margin:0}.note-list-card{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.page-header{justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px;display:flex}.header-actions{flex-wrap:wrap;justify-content:end;gap:16px;display:flex}.text-link{color:#1d5f9b;font-weight:700;text-decoration:none;transition:transform .18s}.loading-panel,.error-panel{border-radius:24px;padding:20px 22px}.error-panel{color:#7a2312}.note-viewer{gap:20px;display:grid}.note-page-stack{gap:24px;display:grid}.note-canvas-page{border-radius:22px;width:100%;max-width:100%;display:block;box-shadow:0 18px 60px #3728171f}.center-state{color:#2d241b;place-items:center;min-height:100vh;padding:24px;font-size:1.1rem;display:grid}@media (width<=720px){.page-header,.section-heading{flex-direction:column;align-items:start}.page-shell,.note-page-shell{width:min(100vw - 12px,1240px);padding-top:14px}.hero-panel,.course-card,.note-list-card,.loading-panel,.error-panel{border-radius:20px}}