:root{--primary-color:#4285f4;--primary-hover:#3367d6;--danger-color:#ea4335;--success-color:#34a853;--text-primary:#202124;--text-secondary:#5f6368;--border-color:#dadce0;--bg-light:#f8f9fa;--extension-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--card-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--paper:var(--bg-light);--surface:#fff;--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-color);--navy:var(--primary-color);--navy2:var(--primary-hover);--accent:#667eea;--danger:var(--danger-color);--radius:12px;--shadow:var(--card-shadow)}html,body{background:var(--bg-light)}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,-apple-system,BlinkMacSystemFont,sans-serif}.app-shell{max-width:1200px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}.topbar{background:var(--extension-gradient);color:#fff;border-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.12)}.brand-lockup p,.topbar .kicker{color:rgba(255,255,255,.78)}.brand-lockup h1{font-family:inherit;font-weight:700}.brand-mark{border-color:rgba(255,255,255,.9);color:#fff}.nav-button,.topbar .text-button{color:#fff}.hero{background:var(--extension-gradient);border-radius:12px}.hero .kicker{color:rgba(255,255,255,.78)}.hero h2,.section-heading h2,.sheet-head h2,.source-header h2,.progress-card h2,.reader-header h2,.settings-group>h2,.note-card h3{font-family:inherit}.primary-button{background:var(--primary-color);border-radius:6px}.primary-button:hover{background:var(--primary-hover)}.hero .primary-button{color:var(--primary-color)}.secondary-button,.choice-button,.note-card,.panel,.progress-card,.settings-card,.reader-actions button{border:1px solid var(--border-color);border-radius:8px}.note-card{box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}.note-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--primary-color)}.note-icon{border-radius:8px;background:#e8f0fe;color:var(--primary-color)}.filter-chip.active,.segmented button.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.text-input:focus,.search-input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(66,133,244,.14)}.source-seal{border-color:var(--primary-color);color:var(--primary-color)}.progress-bar span{background:var(--extension-gradient)}.step.active .step-dot{background:var(--primary-color);box-shadow:0 0 0 5px rgba(66,133,244,.12)}.step.done .step-dot{background:var(--success-color)}.reader-header{border-bottom:2px solid var(--border-color)}.reader-actions{flex-wrap:wrap}.reader-actions button{min-width:110px;color:var(--primary-color);font-weight:600}.reader-actions button:hover{background:var(--bg-light);border-color:var(--primary-color)}.document{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:30px}.document h2{color:var(--text-primary);border-bottom:2px solid var(--primary-color);padding-bottom:8px}.document h3{color:var(--text-primary)}.document strong{color:var(--primary-color)}.document blockquote{border-left-color:var(--primary-color)}.notice{border-left-color:var(--primary-color);background:#e8f0fe}.tabbar{background:rgba(255,255,255,.97)}.tab.active{color:var(--primary-color)}.badge-web{display:inline-flex;padding:4px 12px;border-radius:12px;background:#e8f0fe;color:var(--primary-color);font-size:.8rem;font-weight:600}.export-menu{display:flex;gap:8px;flex-wrap:wrap}.export-menu button{border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:6px;padding:10px 14px;font-weight:600}.export-menu button:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-light)}@media(min-width:900px){.app-shell{padding-bottom:0}.tabbar{position:sticky;top:74px;bottom:auto;transform:none;left:auto;width:100%;border-top:0;border-bottom:1px solid var(--border-color);padding:0 24px;display:flex;justify-content:center;gap:12px}.tab{padding:14px 24px}.screen{padding:32px}.note-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(prefers-color-scheme:dark){:root{--text-primary:#f1f3f4;--text-secondary:#bdc1c6;--border-color:#3c4043;--bg-light:#202124;--surface:#292a2d;--paper:#202124;--ink:#f1f3f4;--muted:#bdc1c6;--line:#3c4043}.app-shell,.document,.note-card,.panel,.progress-card,.settings-card,.reader-actions button,.choice-button,.text-input,.search-input,select,textarea{background:#292a2d;color:#f1f3f4}.tabbar{background:rgba(41,42,45,.97)}.notice{background:#26354f}.document h2,.document h3{color:#f1f3f4}.export-menu button{background:#292a2d;color:#f1f3f4}}@media print{body{background:#fff!important}.topbar,.tabbar,.reader-actions,.toast{display:none!important}.app-shell{max-width:none;box-shadow:none;padding:0}.screen{padding:0}.reader-header{margin-bottom:18px}.document{border:0;padding:0;font-size:11pt}.document h2{break-after:avoid}.document li,.document p{break-inside:avoid}}