:root{color-scheme:light;--bg: #f4efe7;--bg-muted: #ece4d7;--surface: rgba(255, 252, 246, .92);--surface-strong: #fffdf8;--surface-ink: #f7f1e7;--text: #1f1c17;--text-soft: #655c50;--text-muted: #8e8374;--line: rgba(63, 47, 29, .1);--line-strong: rgba(63, 47, 29, .18);--accent: #0f766e;--accent-strong: #115e59;--accent-soft: rgba(15, 118, 110, .12);--accent-warm: #c2410c;--accent-warm-soft: rgba(194, 65, 12, .12);--danger: #b42318;--success: #067647;--shadow-soft: 0 16px 40px rgba(31, 28, 23, .08);--shadow-card: 0 10px 24px rgba(31, 28, 23, .06);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "DM Sans", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 28%),radial-gradient(circle at top right,rgba(194,65,12,.08),transparent 24%),linear-gradient(180deg,#fbf7f0 0%,var(--bg) 50%,#efe6d7 100%)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root,.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fbf7f0db;border-bottom:1px solid rgba(63,47,29,.08)}.topbar-inner,.workspace-shell{width:min(1280px,calc(100% - 32px));margin:0 auto}.topbar-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-mark{display:inline-flex;align-items:center;gap:14px;border:none;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.brand-glyph{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#22a38b);color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;box-shadow:0 10px 24px #0f766e3d}.brand-mark strong{display:block;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.03em}.brand-mark small{display:block;color:var(--text-soft);font-size:.86rem}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chip-stat,.summary-pill,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;border:1px solid var(--line);background:#fff9;color:var(--text-soft);font-size:.84rem;white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e2e}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;font-weight:700;letter-spacing:-.01em}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent),#169284);box-shadow:0 12px 24px #0f766e33}.button-secondary{background:#ffffffb3;color:var(--text);border-color:var(--line)}.button-small{padding:8px 12px;font-size:.88rem}.workspace-shell{padding:28px 0 48px}.workspace-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:24px;margin-bottom:22px}.hero-copy,.hero-panel,.workspace-card,.panel,.status-banner{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}.hero-copy{border-radius:var(--radius-xl);padding:36px;position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(194,65,12,.14),transparent 68%);pointer-events:none}.hero-eyebrow,.section-eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--accent-strong);font-weight:700}.hero-copy h1,.setup-intro h2,.status-banner h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);line-height:.95;letter-spacing:-.05em;max-width:11ch}.hero-description,.setup-intro p,.status-banner p,.panel-header p,.search-section-copy p,.collection-summary p{margin:14px 0 0;color:var(--text-soft);font-size:1rem;max-width:62ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-panel{border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px}.hero-panel-card{padding:18px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#0f766e14,#ffffffbd);border:1px solid rgba(15,118,110,.12)}.hero-panel-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:8px}.hero-panel-card strong{display:block;font-size:1.12rem;margin-bottom:8px}.hero-panel-card p{margin:0;color:var(--text-soft)}.hero-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-metric{padding:16px;border-radius:var(--radius-md);background:#ffffffa3;border:1px solid var(--line)}.hero-metric span{display:block;color:var(--text-muted);font-size:.82rem;margin-bottom:8px}.hero-metric strong,.status-score strong,.overview-card strong{font-family:var(--font-display);letter-spacing:-.04em}.hero-metric strong{font-size:1.3rem}.hero-metric-wide{grid-column:1 / -1}.tab-strip{display:inline-flex;gap:8px;padding:8px;border-radius:999px;background:#ffffff94;border:1px solid var(--line);margin-bottom:18px}.tab-button{border:none;background:transparent;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);cursor:pointer;font-weight:700}.tab-button.active{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-card)}.workspace-card{border-radius:var(--radius-xl);padding:28px}.search-section,.collection-summary,.library-overview,.setup-grid,.setup-steps-grid,.status-grid{display:grid;gap:16px}.search-section{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:end}.search-section-copy h2,.collection-summary h2,.panel-header h3{margin:0;font-family:var(--font-display);letter-spacing:-.04em}.search-bar{position:relative}.search-bar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input,.field input,.field textarea,.field select{width:100%;border-radius:18px;border:1px solid var(--line);background:#ffffffe6;color:var(--text);padding:14px 16px;transition:border-color .16s ease,box-shadow .16s ease}.search-input{padding-left:46px}.search-input:focus,.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#0f766e52;box-shadow:0 0 0 4px #0f766e1f}.library-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 24px}.overview-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffa3}.overview-card svg{color:var(--accent-strong)}.overview-card span{display:block;font-size:.84rem;color:var(--text-muted)}.overview-card strong{display:block;margin-top:2px;font-size:1.1rem}.collection-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;margin-bottom:20px}.summary-pills,.bookmark-badges,.bookmark-card-actions,.form-actions,.article-links,.info-list,.tips-list{display:flex;gap:10px;flex-wrap:wrap}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.bookmark-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe0,#f9f4eceb);box-shadow:var(--shadow-card);overflow:hidden;content-visibility:auto}.bookmark-card-body{padding:20px;display:grid;gap:16px}.bookmark-card-top,.bookmark-identity,.status-card-top,.setup-intro,.panel-header,.status-banner,.article-card-header{display:flex;justify-content:space-between;gap:12px}.bookmark-identity{align-items:flex-start;flex-direction:column}.bookmark-author{font-size:1.02rem;line-height:1.2}.bookmark-link,.article-links a{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:.86rem}.bookmark-text{margin:0;color:var(--text);line-height:1.65;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.bookmark-text.expanded{display:block}.bookmark-text-empty,.article-excerpt,.transcript-text,.form-error{color:var(--text-soft)}.text-toggle,.icon-button,.mode-card,.article-card-header{border:none;background:none;cursor:pointer}.text-toggle{padding:0;display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-weight:700}.icon-button{width:34px;height:34px;border-radius:999px;background:#ffffffd9;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--text-soft)}.icon-button.danger{color:var(--danger)}.meta-strip,.section-label,.info-row,.tip-row{display:flex;align-items:center;gap:8px}.meta-strip{flex-wrap:wrap;color:var(--text-muted);font-size:.82rem}.section-label{color:var(--text-soft);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.content-section{display:grid;gap:12px;padding-top:16px;border-top:1px solid rgba(63,47,29,.08)}.media-grid{display:grid;gap:10px}.media-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item{position:relative;border-radius:16px;overflow:hidden;background:var(--surface-ink);min-height:180px}.media-item img{width:100%;height:100%;object-fit:cover}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1f1c1773;color:#fff;font-weight:700}.transcript-panel,.article-card,.attach-form,.note-card,.step-card,.status-card{border-radius:18px;border:1px solid var(--line);background:#ffffffad}.transcript-panel,.attach-form,.note-card,.step-card,.status-card{padding:16px}.field{display:grid;gap:8px}.field span{font-weight:700;color:var(--text-soft)}.field textarea{min-height:140px;resize:vertical}.form-error{margin:0;font-size:.9rem}.article-stack{display:grid;gap:12px}.article-card-header{width:100%;padding:16px;align-items:center}.article-card-header div{text-align:left}.article-card-header strong{display:block;margin-bottom:4px}.article-card-header span{color:var(--text-muted);font-size:.86rem}.article-excerpt,.article-content{padding:0 16px 16px}.article-content{display:grid;gap:12px}.article-md{padding:14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(63,47,29,.08);color:var(--text-soft);line-height:1.7;max-height:360px;overflow:auto}.setup-shell,.settings-shell{display:grid;gap:18px}.setup-intro,.status-banner{align-items:center;padding:24px;border-radius:var(--radius-lg)}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:var(--radius-lg);padding:22px}.panel-header{align-items:flex-start;margin-bottom:18px}.panel-header h3,.status-card h3{margin:0;font-size:1.06rem}.mode-grid{display:grid;gap:12px;margin-bottom:18px}.mode-card{width:100%;padding:18px;border-radius:18px;border:1px solid var(--line);background:#ffffff9e;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.mode-card.active{border-color:#0f766e42;background:#0f766e1a}.mode-card strong,.step-card strong,.note-card strong,.tip-row strong{display:block;margin-bottom:6px}.mode-card p,.step-card p,.note-card p,.status-card p,.tip-row span{margin:0;color:var(--text-soft)}.mode-card span:last-child{color:var(--accent-strong);font-weight:700;white-space:nowrap}.info-list,.tips-list{flex-direction:column}.info-row,.tip-row{align-items:flex-start;padding:14px 0;border-top:1px solid rgba(63,47,29,.08)}.info-row:first-child,.tip-row:first-child{border-top:none;padding-top:0}.code-panel{margin-top:18px;border-radius:20px;overflow:hidden;border:1px solid rgba(31,28,23,.08);background:#1d1d1a;color:#eae5db}.code-panel pre{margin:0;padding:18px;overflow:auto;max-height:560px;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.note-card{display:flex;align-items:flex-start;gap:12px;margin-top:18px;background:#0f766e14;border-color:#0f766e24}.legacy-details{border-radius:18px;border:1px solid var(--line);background:#ffffff94;padding:14px 16px}.legacy-details summary{cursor:pointer;font-weight:700;color:var(--text);list-style:none}.legacy-details summary::-webkit-details-marker{display:none}.legacy-details[open] summary{margin-bottom:14px}.setup-steps-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card{min-height:120px}.status-score{min-width:140px;text-align:right}.status-score strong{display:block;font-size:2.4rem}.status-score span{color:var(--text-muted)}.status-card{display:grid;gap:12px}.status-card-top svg:last-child{margin-left:auto}.status-card-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffb8;border:1px solid var(--line)}.status-card.ok{border-color:#06764729}.status-card.warn{border-color:#c2410c2e}.status-card small{color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem}.state-loading,.state-empty,.state-error{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:#ffffff80;padding:32px}.state-empty h3,.state-error h3{margin:0}.state-empty p,.state-error span{max-width:42ch;color:var(--text-soft)}.state-empty svg,.state-error svg{color:var(--accent-strong)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(15,118,110,.18);border-top-color:var(--accent);animation:spin 1s linear infinite}.spinner-xs{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.workspace-hero,.search-section,.setup-grid,.status-banner{grid-template-columns:1fr}.status-banner,.setup-intro{flex-direction:column;align-items:flex-start}.status-score{text-align:left}.library-overview,.setup-steps-grid,.status-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar-inner,.workspace-shell{width:min(100% - 20px,1280px)}.topbar-inner{padding:14px 0;align-items:flex-start;flex-direction:column}.workspace-shell{padding-top:18px}.hero-copy,.hero-panel,.workspace-card,.panel,.setup-intro,.status-banner{padding:20px}.hero-copy h1,.setup-intro h2,.status-banner h2{max-width:none}.tab-strip,.topbar-actions,.hero-actions,.summary-pills{width:100%}.tab-strip{overflow-x:auto}.tab-button,.button{flex-shrink:0}.collection-summary,.bookmarks-grid,.media-grid.cols-2{grid-template-columns:1fr}}