:root{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-ink);background:radial-gradient(circle at top, var(--color-background-glow), transparent 36%), linear-gradient(180deg, var(--color-background-elevated) 0%, var(--color-background-base) 56%, var(--color-background-gradient-end) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background-base);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.page-shell{width:min(1280px,100vw - 48px);margin:0 auto;padding:32px 0 72px}.brand-lockup{align-items:center;gap:12px;margin-bottom:14px;display:inline-flex}.brand-lockup--compact{margin-bottom:10px}.brand-logo{object-fit:contain;background:#fffdf9b8;border:1px solid #7f98a64d;border-radius:12px;width:44px;height:44px;box-shadow:0 8px 18px #1c2a3314}.brand-lockup--compact .brand-logo{border-radius:10px;width:34px;height:34px}.brand-copy{align-items:center;display:inline-flex}.brand-copy span{color:var(--color-ink-soft);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase}.eyebrow,.entry-kicker,.label,.category-meta{color:var(--color-ink-soft);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-ink)}.landing-hero,.placeholder-card,.entry-card,.stat-card,.topbar,.argument-card,.side-panel{border:1px solid var(--color-border);background:var(--color-overlay);box-shadow:0 18px 44px var(--color-shadow), inset 0 1px 0 #fffdf9b8;border-radius:var(--radius-lg)}.landing-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;margin-bottom:24px;padding:40px;display:grid}.landing-hero h1,.placeholder-card h1,.topbar h1{font-size:var(--font-size-hero);line-height:var(--line-height-heading);margin-top:10px}.landing-copy,.section-copy{max-width:760px;color:var(--color-ink-soft);line-height:var(--line-height-base);font-size:var(--font-size-md);margin-top:18px}.landing-stats,.entry-grid,.card-grid,.placeholder-actions,.topbar-actions{gap:16px;display:grid}.landing-stats,.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.entry-card,.placeholder-card{padding:24px}.stat-card strong,.metric strong{font-size:var(--font-size-lg);color:var(--color-ink);display:block}.stat-card span,.metric span,.card-footer p,.side-link small,.ghost-link,.tag,.pill{color:var(--color-ink-soft)}.entry-card h2,.category-header h2{font-size:var(--font-size-xl);margin-top:10px}.entry-card p:not(.entry-kicker),.placeholder-card p:not(.eyebrow),.card-body p,.side-link span{line-height:1.7}.entry-card--primary{border-color:var(--color-ink-soft);background:linear-gradient(#f8f4ecfa,#e8dcc8d1)}.action-button,.secondary-button,.ghost-link{border:1px solid var(--color-border);height:40px;color:var(--color-ink);cursor:pointer;border-radius:var(--radius-pill);background:#fffdf9e6;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:border-color .18s,background .18s,transform .18s,color .18s;display:inline-flex}.action-button{background:linear-gradient(180deg, var(--color-ink-soft) 0%, var(--color-ink) 100%);border-color:var(--color-ink);color:var(--color-surface)}.secondary-button:hover,.ghost-link:hover,.action-button:hover{border-color:var(--color-ink-soft);transform:translateY(-1px)}.entry-card .action-button,.entry-card .secondary-button,.placeholder-actions .action-button,.placeholder-actions .ghost-link{width:fit-content;margin-top:20px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;padding:24px;display:flex}.task-switch-panel{margin-bottom:20px}.task-switch-panel,.writing-type-tabs{border:1px solid var(--color-border);background:var(--color-overlay);box-shadow:0 18px 44px var(--color-shadow), inset 0 1px 0 var(--color-white);border-radius:var(--radius-lg);padding:18px}.writing-type-tabs{margin-bottom:20px}.writing-type-tab-list{flex-wrap:wrap;gap:10px;display:flex}.topbar-actions{grid-auto-flow:column;align-items:center}.side-link:hover,.side-link:focus-visible{background:#dce3e6eb;border-color:#7f98a6e6}.content-layout{grid-template-columns:240px minmax(0,1fr);gap:20px;margin-top:24px;display:grid}.side-panel{height:fit-content;padding:18px;position:sticky;top:24px}.side-title{color:var(--color-ink);margin-bottom:14px;font-weight:600}.side-links{gap:8px;display:grid}.side-link{border-radius:var(--radius-sm);background:#fffdf99e;border:1px solid #7f98a652;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s;display:flex}.side-link-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;border-width:1px}.side-link.is-active{border-color:var(--color-ink);box-shadow:inset 3px 0 0 var(--color-ink);background:#1c2a331f}.cards-column,.card-grid{gap:18px;display:grid}.category-section{gap:16px;display:grid}.category-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.category-count{color:var(--color-ink-soft);font-size:var(--font-size-sm)}.card-grid{grid-template-columns:1fr}.argument-card{gap:18px;padding:22px;display:grid}.card-tabs{border-top:1px solid #7f98a63d;flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.tab-button{min-width:60px;height:34px;color:var(--color-ink);font-size:var(--font-size-sm);cursor:pointer;background:#fffdf98f;border:1px solid #7f98a66b;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:500;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.tab-button:hover{border-color:var(--color-ink-soft);background:#dce3e6b8}.tab-button.is-active{border-color:var(--color-ink);color:var(--color-white);background:#1c2a33f5}.card-head,.badge-row,.tag-row,.card-footer{flex-wrap:wrap;gap:10px;display:flex}.card-head{justify-content:space-between;align-items:flex-start}.card-id{color:var(--color-ink-soft);margin-bottom:6px;font-size:13px}.card-head h3{font-size:var(--font-size-lg);line-height:1.35}.card-head h3 span{color:var(--color-ink-soft);font-size:var(--font-size-sm);margin-top:6px;font-weight:500;display:block}.pill,.tag{height:30px;font-size:var(--font-size-xs);background:#fffdf9f0;border:1px solid #7f98a6a8;border-radius:10px;align-items:center;padding:0 11px;font-weight:600;display:inline-flex}.pill--primary{color:var(--color-surface);border-color:var(--color-ink);background:linear-gradient(#31424dfa,#1c2a33)}.card-body,.writing-stack,.writing-template-grid{gap:16px;display:grid}.writing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body section{gap:6px;display:grid}.writing-card{gap:16px}.writing-intro{max-width:none;font-size:var(--font-size-sm);margin-top:0}.writing-template-block,.writing-sample-block{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:14px}.writing-line-list{color:var(--color-ink-soft);gap:10px;margin:0;padding-left:18px;display:grid}.writing-sample-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fffdf9b3;gap:6px;padding:14px;display:grid}.writing-sample-summary-card p:last-child{color:var(--color-ink-soft)}.writing-line-list li,.writing-paragraph{line-height:var(--line-height-base)}.writing-line-list strong,.writing-paragraph strong{color:var(--color-ink);font-weight:700}.writing-paragraph,.label,.muted,.empty-state{color:var(--color-ink-soft)}.card-footer{border-top:1px solid #d2bfa3cc;justify-content:space-between;align-items:center;padding-top:6px}.tag-row{justify-content:flex-end}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:#fffdf9c7;padding:24px}.placeholder-card{max-width:760px;margin:14vh auto 0}.writing-placeholder{margin-top:0}.placeholder-actions{grid-auto-flow:column;justify-content:flex-start;margin-top:24px}@media (width<=1080px){.page-shell{width:min(100vw - 32px,1280px)}.content-layout,.landing-hero,.landing-stats,.entry-grid,.writing-template-grid{grid-template-columns:1fr}.side-panel{position:static}}@media (width<=720px){.page-shell{width:min(100vw - 20px,1280px);padding-top:20px}.topbar,.landing-hero,.placeholder-card{padding:18px}.brand-lockup{gap:10px;margin-bottom:12px}.topbar,.card-head,.card-footer{flex-direction:column;align-items:flex-start}.topbar-actions,.placeholder-actions{grid-auto-flow:row}.search-input{width:100%}}