@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--reader-bg: #ffffff;--reader-text: #1e293b;--muted-text: #64748b;--accent: #3b82f6;--ui-border: #e2e8f0;--card-bg: #ffffff;--sidebar-bg: #f8fafc}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--reader-bg: #0f172a;--reader-text: #e2e8f0;--muted-text: #94a3b8;--accent: #60a5fa;--ui-border: #334155;--card-bg: #1e293b;--sidebar-bg: #0f172a}::selection{background-color:var(--accent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}}body{background-color:var(--bg-primary);color:var(--reader-text);font-family:Inter,sans-serif;transition:background-color .5s ease,color .5s ease}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hl-yellow{background-color:#fde04766;border-bottom:2px solid #eab308}.hl-green{background-color:#86efac66;border-bottom:2px solid #22c55e}.hl-blue{background-color:#93c5fd66;border-bottom:2px solid #3b82f6}.hl-purple{background-color:#d8b4fe66;border-bottom:2px solid #a855f7}.hl-pink{background-color:#f472b666;border-bottom:2px solid #ec4899}.hl-red{background-color:#fca5a566;border-bottom:2px solid #ef4444}.reader-heading{position:relative}.section-status-dot{position:absolute;left:-.7rem;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ui-border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:transparent;z-index:10;display:block!important;opacity:1!important}.section-status-dot:hover{transform:translateY(-50%) scale(1.2);border-color:var(--accent)}.section-status-dot.none{border-style:dotted;border-color:var(--muted-text);border-width:2px;opacity:.5!important;background-color:transparent}.section-status-dot.completed{background-color:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.section-status-dot.review{background-color:#f59e0b;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.section-status-dot.important{background-color:#ef4444;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}@media(max-width:768px){.section-status-dot{left:-1rem;width:10px;height:10px}}.sidebar-dot{position:relative!important;left:auto!important;top:auto!important;transform:none!important;flex-shrink:0;margin-right:0}.sidebar-dot.none{opacity:.3;border-style:dashed}.sidebar-dot:hover{transform:scale(1.2)!important}.reader-content{color:var(--reader-text);line-height:var(--line-height, 1.8);padding:2rem 2.5rem;letter-spacing:-.01em}.reader-content>*:first-child{margin-top:0!important}.reader-content>*:last-child{margin-bottom:0!important}.reader-content h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;margin-top:3.5rem;letter-spacing:-.03em;line-height:1.2;padding-left:1.75rem}.reader-content h2{font-size:2rem;font-weight:700;margin-bottom:1.25rem;margin-top:3rem;letter-spacing:-.025em;line-height:1.3;padding-left:1.75rem;border-bottom:1px solid var(--ui-border);padding-bottom:.75rem}.reader-content h3{font-size:1.625rem;font-weight:700;margin-bottom:1rem;margin-top:2.5rem;letter-spacing:-.02em;line-height:1.35;padding-left:1.75rem}.reader-content h4{font-size:1.375rem;font-weight:600;margin-bottom:.875rem;margin-top:2rem;letter-spacing:-.015em;line-height:1.4;padding-left:1.75rem}.reader-content h5{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:1.75rem;letter-spacing:-.01em;line-height:1.45;padding-left:1.75rem}.reader-content h6{font-size:1rem;font-weight:600;margin-bottom:.625rem;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text);padding-left:1.75rem}.reader-content p{margin-bottom:1.5rem;line-height:1.8;opacity:.92;padding-left:.5rem}.reader-content ul{list-style-type:none;margin-left:0;margin-bottom:2rem;padding-left:.5rem}.reader-content ul li{position:relative;margin-bottom:.875rem;padding-left:1.75rem;line-height:1.7}.reader-content ul li:before{content:"";position:absolute;left:0;top:.625em;width:6px;height:6px;border-radius:50%;background-color:var(--accent);opacity:.7}.reader-content ul ul{margin-top:.875rem;margin-bottom:.5rem}.reader-content ul ul li:before{width:5px;height:5px;background-color:transparent;border:1.5px solid var(--accent);opacity:.6}.reader-content ul ul ul li:before{width:4px;height:4px;border-radius:1px;background-color:var(--muted-text);border:none;opacity:.5}.reader-content ol{list-style-type:none;counter-reset:list-counter;margin-left:0;margin-bottom:2rem;padding-left:.5rem}.reader-content ol li{position:relative;margin-bottom:.875rem;padding-left:2.25rem;line-height:1.7;counter-increment:list-counter}.reader-content ol li:before{content:counter(list-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:var(--accent);opacity:.8;font-size:.925em}.reader-content ol ol{margin-top:.875rem;margin-bottom:.5rem;counter-reset:nested-counter}.reader-content ol ol li{counter-increment:nested-counter}.reader-content ol ol li:before{content:counter(nested-counter,lower-alpha) ".";font-weight:500;opacity:.7}.reader-content blockquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin-left:.5rem;margin-right:0;margin-bottom:2rem;margin-top:1.5rem;font-style:italic;background-color:var(--bg-secondary);border-radius:0 .75rem .75rem 0;color:var(--muted-text)}.reader-content blockquote p{margin-bottom:.75rem;opacity:1}.reader-content blockquote p:last-child{margin-bottom:0}.reader-content blockquote blockquote{margin-top:1rem;border-left-color:var(--muted-text);opacity:.85}.reader-content code:not(pre code){padding:.2rem .5rem;border-radius:.375rem;font-size:.875em;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-weight:500;color:var(--accent)}.reader-content pre{margin-bottom:2rem;margin-left:.5rem;margin-right:0;border-radius:.875rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border:1px solid var(--ui-border)}.reader-content pre code{padding:1.25rem 1.5rem;display:block;font-size:.875em;line-height:1.7}.reader-content hr{margin:3rem 0;border:none;border-top:1px solid var(--ui-border);position:relative}.reader-content hr:after{content:"§";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--reader-bg);padding:0 1rem;color:var(--ui-border);font-size:1.125rem}.reader-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--accent);opacity:.5;transition:all .2s ease;font-weight:500}.reader-content a:hover{opacity:1;text-decoration-thickness:2px}.reader-content table{width:100%;border-collapse:collapse;margin-bottom:2rem;margin-left:.5rem;font-size:.925em}.reader-content th,.reader-content td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--ui-border)}.reader-content th{font-weight:600;background-color:var(--bg-secondary);color:var(--reader-text)}.reader-content tr:hover td{background-color:var(--bg-secondary)}.reader-content img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem auto;display:block;box-shadow:0 4px 6px -1px #0000001a}.reader-content strong{font-weight:700;color:var(--reader-text)}.reader-content em{font-style:italic;opacity:.95}.reader-content input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.125rem;height:1.125rem;border:2px solid var(--ui-border);border-radius:.25rem;margin-right:.75rem;vertical-align:middle;position:relative;cursor:pointer}.reader-content input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}.reader-content input[type=checkbox]:checked:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.breadcrumb-dot{width:.625rem;height:.625rem;border-radius:50%;border:2px solid var(--ui-border);flex-shrink:0;transition:all .2s}.breadcrumb-dot.completed{background-color:#22c55e;border-color:#22c55e}.breadcrumb-dot.review{background-color:#f59e0b;border-color:#f59e0b}.breadcrumb-dot.important{background-color:#ef4444;border-color:#ef4444}.breadcrumb-dot.none{border:2px dashed var(--muted-text);opacity:.5}