:root{--color-primary:#1a1a1a;--color-primary-light:#4a4a4a;--color-primary-dark:#0a0a0a;--color-accent:#c9a959;--color-accent-light:#e8d5a9;--color-accent-dark:#a68b4b;--color-bg:#fafafa;--color-bg-paper:#fff;--color-bg-hover:#f5f5f5;--color-bg-card:#fffffff2;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-border:#e8e8e8;--color-divider:#eee;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-float:0 4px 20px #0000001a;--header-height:64px;--container-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#fafafa;background-color:var(--color-bg);color:#1a1a1a;color:var(--color-text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.75;min-height:100vh;position:relative}body:before{background-image:linear-gradient(#f0f0f0 .5px,#0000 0),linear-gradient(90deg,#f0f0f0 .5px,#0000 0),linear-gradient(#f5f5f5 .5px,#0000 0),linear-gradient(90deg,#f5f5f5 .5px,#0000 0);background-position:0 0,0 0,.5px .5px,.5px .5px;background-size:24px 24px,24px 24px,24px 24px,24px 24px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}a{color:#a68b4b;color:var(--color-accent-dark);text-decoration:none;transition:color .2s ease}a:hover{color:#c9a959;color:var(--color-accent)}code{background-color:#f5f5f5;background-color:var(--color-bg-hover);border-radius:4px;color:#1a1a1a;color:var(--color-text-primary);font-size:.9em;padding:.2em .5em}code,pre{font-family:SF Mono,Consolas,Monaco,monospace}pre{background-color:#fff;background-color:var(--color-bg-paper);border:1px solid #e8e8e8;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);line-height:1.6;overflow-x:auto;padding:24px;padding:var(--spacing-lg)}pre code{background:none;padding:0}.markdown-content{color:#1a1a1a;color:var(--color-text-primary);line-height:1.9;max-width:720px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#1a1a1a;color:var(--color-text-primary);font-weight:500;line-height:1.3;margin-bottom:1em;margin-top:2em}.markdown-content h1{font-size:2em;font-weight:300}.markdown-content h2{font-size:1.5em;font-weight:400;padding-left:1em;position:relative}.markdown-content h2:before{color:#c9a959;color:var(--color-accent);content:"☯";font-size:.8em;left:0;position:absolute}.markdown-content h3{font-size:1.25em}.markdown-content p{margin-bottom:1.2em}.markdown-content ol,.markdown-content ul{margin-bottom:1.2em;margin-left:1.5em}.markdown-content li{margin-bottom:.5em}.markdown-content blockquote{background:linear-gradient(90deg,#c9a95914,#0000);border-left:3px solid #c9a959;border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#666;color:var(--color-text-secondary);margin:1.5em 0;padding:1em 1.5em}.markdown-content table{border-collapse:collapse;font-size:.95em;margin-bottom:1.5em;width:100%}.markdown-content td,.markdown-content th{border:1px solid #e8e8e8;border:1px solid var(--color-border);padding:.8em}.markdown-content th{background:#f5f5f5;background:var(--color-bg-hover);font-weight:500}.markdown-content img{border-radius:12px;border-radius:var(--radius-md);height:auto;max-width:100%}.markdown-content a{border-bottom:1px dashed #c9a959;border-bottom:1px dashed var(--color-accent);color:#a68b4b;color:var(--color-accent-dark)}.markdown-content a:hover{border-bottom-style:solid}.bento-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1200px;max-width:var(--container-max-width)}.bento-grid,.bento-item{padding:24px;padding:var(--spacing-lg)}.bento-item{background:#fffffff2;background:var(--color-bg-card);border:1px solid #e8e8e8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);transition:all .2s ease}.bento-item:hover{border-color:#999;border-color:var(--color-text-muted);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md)}.bento-col-3{grid-column:span 3}.bento-col-4{grid-column:span 4}.bento-col-6{grid-column:span 6}.bento-col-8{grid-column:span 8}.bento-col-9{grid-column:span 9}.bento-col-12{grid-column:span 12}.bento-row-2{grid-row:span 2}@media (max-width:1024px){.bento-col-3,.bento-col-4{grid-column:span 6}.bento-col-6,.bento-col-8,.bento-col-9{grid-column:span 12}}@media (max-width:768px){.bento-grid{gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.bento-col-3,.bento-col-4,.bento-col-6{grid-column:span 12}}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--color-bg-card);border:1px solid #e8e8e8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm)}.glass-card,.learning-workspace{padding:24px;padding:var(--spacing-lg)}.learning-workspace{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 380px;height:calc(100vh - 64px);height:calc(100vh - var(--header-height));overflow:hidden}@media (max-width:960px){.learning-workspace{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}}.reader-pane{padding:32px;padding:var(--spacing-xl)}.interaction-pane,.reader-pane{background:#fffffff2;background:var(--color-bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);overflow-y:auto}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 24px;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#666;color:var(--color-text-secondary)}.text-accent{color:#a68b4b;color:var(--color-accent-dark)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.empty-state{color:#666;color:var(--color-text-secondary);padding:48px 24px;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.3}.empty-state-text{font-size:1rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-state-subtext{color:#999;color:var(--color-text-muted);font-size:.875rem}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px}.container{padding:0 16px;padding:0 var(--spacing-md)}}