.learning-shell{--background:48 20% 96%;--foreground:216 13% 24%;--card:48 24% 98%;--card-foreground:216 13% 24%;--primary:215 16% 33%;--primary-foreground:0 0% 100%;--muted:45 14% 92%;--muted-foreground:215 6% 45%;--border:45 11% 85%;--input:45 11% 85%;--ring:215 16% 45%;--accent:100 9% 89%;--accent-foreground:215 16% 33%;--word-underline:215 16% 55%;--app-sidebar-width:264px;background:hsl(var(--background));min-height:100dvh;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.dark .learning-shell{--background:220 12% 10%;--foreground:45 13% 88%;--card:220 11% 13%;--card-foreground:45 13% 88%;--primary:210 13% 76%;--primary-foreground:220 12% 10%;--muted:220 9% 17%;--muted-foreground:45 7% 64%;--border:220 8% 24%;--input:220 8% 24%;--ring:210 13% 76%;--accent:220 9% 21%;--accent-foreground:45 13% 88%}.learning-shell :-webkit-any(button,a,input,textarea,summary):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.learning-shell :-moz-any(button,a,input,textarea,summary):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.learning-shell :is(button,a,input,textarea,summary):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.learning-shell button{touch-action:manipulation}.learning-shell a,.learning-shell button{-webkit-tap-highlight-color:transparent}.app-skip-link{z-index:100;background:hsl(var(--card));border-radius:8px;padding:12px;position:fixed;top:-100px;left:16px}.app-skip-link:focus{top:16px}.app-sidebar{width:var(--app-sidebar-width);border-right:1px solid hsl(var(--border));z-index:20;background:hsl(var(--background));flex-direction:column;padding:38px 24px 22px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.app-wordmark{align-items:center;gap:13px;margin:0 8px 46px;font-size:18px;font-weight:600;display:flex}.app-brand-mark{background:hsl(var(--primary));width:36px;height:40px;color:hsl(var(--primary-foreground));border-radius:9px;place-items:center;font:24px Songti SC,Noto Serif CJK SC,serif;display:grid}.app-wordmark small{letter-spacing:.04em;color:hsl(var(--muted-foreground));margin-top:6px;font-size:10px;font-weight:400;display:block}.app-desktop-nav{gap:7px;display:grid}.app-desktop-nav a{color:hsl(var(--muted-foreground));border-radius:10px;align-items:center;gap:13px;padding:13px 16px;font-size:14px;display:flex}.app-desktop-nav a:hover,.app-desktop-nav a[aria-current=page]{color:hsl(var(--foreground));background:hsl(var(--muted))}.app-collect-button{justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:30px;font-size:13px;display:flex}.app-sidebar-note{color:hsl(var(--muted-foreground));margin:38px 10px;font-size:11px;line-height:1.9}.app-sidebar-note span{color:hsl(var(--foreground));font-family:Songti SC,serif;font-size:15px}.app-account-link{border-top:1px solid hsl(var(--border));align-items:center;gap:10px;min-width:0;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.app-account-link>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.app-account-link small{color:hsl(var(--muted-foreground));margin-top:5px;font-size:10px;display:block}.app-user-mark{background:hsl(var(--muted));border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.app-main-panel{margin-left:var(--app-sidebar-width);min-width:0}.app-content{outline:none;min-width:0}.app-mobile-nav,.app-mobile-header{display:none}.app-account-tools{max-width:768px;margin:0 auto;padding:28px 16px 0;font-size:13px}.app-account-tools summary{cursor:pointer;color:hsl(var(--muted-foreground));padding:12px 0}.app-account-tools details>div{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:8px 16px}.app-account-tools a,.app-theme-setting{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:13px 0;display:flex}.app-theme-setting{border-bottom:0}.app-section{max-width:920px;margin:0 auto;padding:54px 48px}.app-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px;display:flex}.app-eyebrow{letter-spacing:.24em;color:hsl(var(--muted-foreground));font-size:9px}.app-section h1{letter-spacing:.04em;margin-top:12px;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:30px;font-weight:400}.app-section-subtitle{color:hsl(var(--muted-foreground));margin-top:12px;font-size:12px;line-height:1.8}.app-empty-state{text-align:center;border-top:1px solid hsl(var(--border));padding:80px 20px}.app-empty-state>svg{color:hsl(var(--muted-foreground));margin:0 auto 24px}.app-empty-state h2{margin-bottom:14px;font-family:Songti SC,serif;font-size:22px;font-weight:400}.app-empty-state p{max-width:310px;color:hsl(var(--muted-foreground));margin:0 auto 24px;font-size:13px;line-height:1.9}.app-search{margin-bottom:22px;position:relative}.app-search>svg{color:hsl(var(--muted-foreground));pointer-events:none;position:absolute;top:15px;left:16px}.app-search input{background:hsl(var(--card));padding-left:44px;font-size:13px}.app-filters{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.app-filters button{color:hsl(var(--muted-foreground));border-radius:24px;padding:8px 14px;font-size:12px}.app-filters button[aria-pressed=true]{background:hsl(var(--accent));color:hsl(var(--foreground))}.app-modal-dialog{overscroll-behavior:contain}.app-collection-footer{margin-left:-24px;margin-right:-24px;background:hsl(var(--card));border-top:1px solid hsl(var(--border));z-index:1;margin-bottom:-24px;padding:16px 24px;position:-webkit-sticky;position:sticky;bottom:-24px}.app-material-row{border-bottom:1px solid hsl(var(--border));align-items:center;gap:4px;display:flex}.app-material-open{flex:1;align-items:center;gap:18px;min-width:0;padding:24px 0;display:flex}.app-material-icon{background:hsl(var(--muted));width:58px;height:72px;color:hsl(var(--muted-foreground));border-radius:10px;flex-shrink:0;place-items:center;display:grid}.app-material-info{flex:1;min-width:0}.app-material-info h2{overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.7}.app-material-meta{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:10px;margin-top:9px;font-size:10px;display:flex}.app-material-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.app-material-arrow{color:hsl(var(--muted-foreground));flex-shrink:0}.app-material-actions{flex-shrink:0;display:flex}.app-material-actions button{min-width:36px;min-height:40px}@media (max-width:1023px){.app-sidebar{display:none}.app-main-panel{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));margin-left:0}.learning-shell--focused .app-main-panel{padding-bottom:0}.app-mobile-nav{bottom:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:hsl(var(--card)/.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid hsl(var(--border));z-index:30;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;left:0;right:0}.app-mobile-nav a{min-height:48px;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.app-mobile-nav a[aria-current=page]{color:hsl(var(--primary));font-weight:600}.app-mobile-header{border-bottom:1px solid hsl(var(--border));align-items:center;gap:12px;min-height:60px;padding:12px 20px;display:flex}.app-mobile-header>span{flex:1;font-family:Songti SC,serif;font-size:21px}.app-section{padding:34px 24px}.app-section h1{font-size:28px}.app-account-tools{padding-top:8px}}@media (max-width:640px){.learning-shell .app-modal-overlay{padding:max(8px,env(safe-area-inset-top,0px))0 0;align-items:end}.learning-shell .app-modal-dialog{max-height:calc(100dvh - max(8px,env(safe-area-inset-top,0px)));border-radius:22px 22px 0 0}.learning-shell .app-modal-body{padding:22px 24px calc(24px + env(safe-area-inset-bottom,0px))}.learning-shell .app-collection-footer{bottom:calc(-24px - env(safe-area-inset-bottom,0px));margin-bottom:calc(-24px - env(safe-area-inset-bottom,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.app-section{padding-left:20px;padding-right:20px}.app-material-open{gap:12px}.app-material-icon{width:42px;height:58px}.app-material-arrow{display:none}.app-material-info h2{font-size:13px}.app-material-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.learning-shell *,.learning-shell :before,.learning-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}