:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Source Serif Pro", Georgia, "Songti SC", "STSong", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-eyebrow: 11px;--fs-label: 12px;--fs-body: 14px;--fs-body-lg: 16px;--fs-h3: 20px;--fs-h2: 28px;--fs-h1: 40px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-pill: 9999px;--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-gentle: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}:root,:root[data-edu-theme=classic]{--canvas: #fafafa;--canvas-card: #ffffff;--canvas-soft: #f5f5f5;--surface: #ffffff;--surface-soft: #f5f5f5;--surface-card: #ffffff;--hairline: #e5e5e5;--ink: #0a0a0a;--body: #2a2a2a;--muted: #6b6b6b;--primary: #6366f1;--accent: #ec4899;--card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 30px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--primary);--nav-blur: blur(8px);--nav-bg: rgba(255, 255, 255, .85)}[data-theme=dark]:root,[data-theme=dark]:root[data-edu-theme=classic]{--canvas: #0a0a0f;--canvas-card: #13131a;--canvas-soft: #0f0f15;--surface: #13131a;--surface-soft: #0f0f15;--surface-card: #1a1a24;--hairline: #232330;--ink: #f5f5f7;--body: #c5c5cf;--muted: #6f6f7f;--primary: #818cf8;--accent: #f472b6;--card-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--card-shadow-hover: 0 10px 30px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .3);--nav-bg: rgba(10, 10, 15, .85)}:root[data-edu-theme=notebook]{--canvas: #faf6e9;--canvas-card: #fdfaef;--canvas-soft: #f0e9d4;--surface: #fdfaef;--surface-soft: #f6efdc;--surface-card: #fdfaef;--hairline: #e8e0c4;--hairline-soft: #efe7d0;--ink: #2a3a5e;--body: #4a4f5e;--muted: #8b8a7e;--primary: #2a3a5e;--accent: #cc785c;--accent-soft: #f5e4d8;--card-shadow: 0 1px 2px rgba(42, 58, 94, .04), 0 2px 8px rgba(42, 58, 94, .04);--card-shadow-hover: 0 1px 2px rgba(204, 120, 92, .1), 0 0 0 1px var(--accent), 0 4px 12px rgba(204, 120, 92, .08);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--accent);--paper-texture: repeating-linear-gradient( 0deg, transparent 0px, transparent 27px, var(--hairline) 27px, var(--hairline) 28px );--nav-blur: blur(10px);--nav-bg: color-mix(in srgb, var(--canvas) 86%, transparent)}[data-theme=dark]:root[data-edu-theme=notebook]{--canvas: #1c1e26;--canvas-card: #232530;--canvas-soft: #16181f;--surface: #232530;--surface-soft: #1c1e26;--surface-card: #232530;--hairline: #2a2d36;--hairline-soft: #232530;--ink: #d8d2c0;--body: #b0aa9a;--muted: #7a7568;--primary: #d8d2c0;--accent: #e89b7c;--accent-soft: #3a2e26;--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--card-shadow-hover: 0 1px 2px rgba(232, 155, 124, .1), 0 0 0 1px var(--accent), 0 4px 12px rgba(232, 155, 124, .08);--card-border: 1px solid var(--hairline);--card-border-hover: 1px solid var(--accent);--paper-texture: repeating-linear-gradient( 0deg, transparent 0px, transparent 27px, var(--hairline) 27px, var(--hairline) 28px );--nav-blur: blur(10px);--nav-bg: color-mix(in srgb, var(--canvas) 86%, transparent)}.theme-mode-toggle{display:inline-flex;align-items:center;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px;margin:0 4px;height:32px;transition:border-color .15s ease,background .15s ease}.theme-mode-toggle button{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:0;color:var(--muted);padding:0 12px;height:24px;border-radius:var(--r-pill);cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.theme-mode-toggle button:hover{color:var(--ink)}.theme-mode-toggle button.active{background:var(--ink);color:var(--canvas);box-shadow:0 1px 2px #00000026}#root{min-height:100vh;display:flex;flex-direction:column}#userButtonContainer{display:inline-flex!important;align-items:center}#root{position:relative;z-index:2}#root>*:not(.top-bar){position:relative;z-index:4}.backdrop,.morph-card{position:fixed}.backdrop{top:0;right:0;bottom:0;left:0;background:#0009;z-index:250}.backdrop.active{opacity:1}.morph-card{z-index:300}.theme-dropdown{min-width:180px;padding:6px}.theme-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-color);font-size:.9rem;font-family:inherit;text-align:left;cursor:pointer;border-radius:10px;transition:background .15s ease,color .15s ease}.theme-option:hover{background:#ffffff14}.theme-option.active{background:#00e5ff1f;color:var(--secondary-color)}.theme-option-icon{width:18px;text-align:center;font-size:1rem;flex-shrink:0}.theme-option-hint{margin-left:auto;color:var(--text-muted);font-size:.8rem}:root[data-edu-theme=notebook] body{background-color:var(--canvas)!important;background-image:var(--paper-texture)!important;transition:background .25s,color .25s}:root[data-edu-theme=notebook] .notebook-hero{background:transparent;padding:clamp(48px,8vw,96px) clamp(20px,4vw,64px) clamp(24px,4vw,48px);border-bottom:1px solid var(--hairline)}:root[data-edu-theme=notebook] .notebook-hero__inner{max-width:1280px;margin:0 auto}:root[data-edu-theme=notebook] .notebook-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(24px,4vw,64px);flex-wrap:wrap}:root[data-edu-theme=notebook] .notebook-intro__left{flex:1 1 480px;min-width:0}:root[data-edu-theme=notebook] .eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.18em;color:var(--accent);font-weight:700;margin:0 0 14px;text-transform:uppercase}:root[data-edu-theme=notebook] .notebook-intro__left h1{font-family:var(--font-serif);font-size:clamp(40px,5vw,64px);line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:600;color:var(--ink)}:root[data-edu-theme=notebook] .notebook-intro__left h1 em{color:var(--accent);font-style:italic;font-weight:600}:root[data-edu-theme=notebook] .notebook-intro__lede{color:var(--body);font-size:var(--fs-body-lg);line-height:1.75;margin:18px 0 0;max-width:56ch;font-family:var(--font-serif)}:root[data-edu-theme=notebook] .notebook-intro__page{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:10px 14px;border-right:2px solid var(--accent);flex-shrink:0}:root[data-edu-theme=notebook] .notebook-intro__page-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}:root[data-edu-theme=notebook] .notebook-intro__page-num{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:.05em}:root[data-edu-theme=notebook] .notebook-grid{padding:clamp(40px,6vw,72px) clamp(20px,4vw,64px) clamp(48px,6vw,96px);background:transparent}:root[data-edu-theme=notebook] .notebook-grid__inner{max-width:1280px;margin:0 auto}:root[data-edu-theme=notebook] .notebook-grid__header{margin-bottom:28px}:root[data-edu-theme=notebook] .notebook-grid__title{font-family:var(--font-serif);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.01em;margin:6px 0 0;color:var(--ink)}:root[data-edu-theme=notebook] .notebook-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}:root[data-edu-theme=notebook] .notebook-grid__group+.notebook-grid__group{margin-top:clamp(28px,4vw,44px);padding-top:clamp(24px,3vw,36px);border-top:1px dashed var(--hairline)}:root[data-edu-theme=notebook] .notebook-grid__group-head{margin-bottom:18px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}:root[data-edu-theme=notebook] .notebook-grid__group-head .eyebrow{margin:0}:root[data-edu-theme=notebook] .notebook-grid__group-title{font-family:var(--font-serif);font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.005em;margin:0;color:var(--ink)}:root[data-edu-theme=notebook] .notebook-card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--surface-card);border:var(--card-border);border-radius:var(--r-md);box-shadow:var(--card-shadow);padding:18px 20px;text-decoration:none;color:var(--ink);transition:transform .18s var(--ease-snap),box-shadow .22s var(--ease-snap),border-color .22s;cursor:pointer;min-height:158px}:root[data-edu-theme=notebook] .notebook-card:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover)}:root[data-edu-theme=notebook] .notebook-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}:root[data-edu-theme=notebook] .notebook-card__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent);padding:3px 8px;border-radius:var(--r-sm);background:var(--accent-soft)}:root[data-edu-theme=notebook] .notebook-card__icon{font-size:18px;color:var(--muted);line-height:1}:root[data-edu-theme=notebook] .notebook-card__name{font-family:var(--font-serif);font-size:18px;font-weight:600;letter-spacing:-.005em;margin:4px 0 0;color:var(--ink)}:root[data-edu-theme=notebook] .notebook-card__desc{font-size:13px;color:var(--muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-edu-theme=notebook] .notebook-card__page{position:absolute;bottom:12px;right:14px;font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}:root[data-edu-theme=notebook] .notebook-card__page-num{color:var(--accent);font-weight:600}:root[data-edu-theme=notebook] .notebook-card__page-total{color:var(--muted)}:root[data-edu-theme=notebook] .classic-only{display:none}:root[data-edu-theme=notebook] .notebook-landing{display:block}:root[data-edu-theme=notebook] #userBgLayer,:root[data-edu-theme=notebook] #userBgMask{display:none}