:root,[data-theme=light]{--bg-page:#fff;--bg-surface:#f9fafb;--bg-elevated:#fff;--bg-secondary:#f3f4f6;--bg-overlay:rgba(0,0,0,.5);--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-strong:#d1d5db;--divider:#f3f4f6;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-soft:#dbeafe;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--code-bg:#f3f4f6;--code-text:#1f2937;--code-inline-bg:#f3f4f6;--code-inline-text:#db2777;--link-color:#2563eb;--link-hover:#1d4ed8;--selection-bg:#bfdbfe;--selection-text:#1e3a8a}[data-theme=dark]{--bg-page:#0f172a;--bg-surface:#1e293b;--bg-elevated:#1e293b;--bg-secondary:#334155;--bg-overlay:rgba(0,0,0,.7);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-color:#334155;--border-strong:#475569;--divider:#1e293b;--accent-primary:#60a5fa;--accent-primary-hover:#93c5fd;--accent-primary-soft:#1e3a8a;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#22d3ee;--code-bg:#020617;--code-text:#e2e8f0;--code-inline-bg:#334155;--code-inline-text:#f472b6;--link-color:#93c5fd;--link-hover:#bfdbfe;--selection-bg:#1e3a8a;--selection-text:#dbeafe}[data-theme=gray]{--bg-page:#f3f4f6;--bg-surface:#e5e7eb;--bg-elevated:#fff;--bg-secondary:#e5e7eb;--bg-overlay:rgba(0,0,0,.4);--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#fff;--border-color:#d1d5db;--border-strong:#9ca3af;--divider:#e5e7eb;--accent-primary:#6b7280;--accent-primary-hover:#4b5563;--accent-primary-soft:#e5e7eb;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0891b2;--code-bg:#e5e7eb;--code-text:#1f2937;--code-inline-bg:#e5e7eb;--code-inline-text:#be185d;--link-color:#4b5563;--link-hover:#1f2937;--selection-bg:#cbd5e1;--selection-text:#1e293b}[data-theme=sepia]{--bg-page:#f4ecd8;--bg-surface:#ebe3cc;--bg-elevated:#faf3e0;--bg-secondary:#ebe3cc;--bg-overlay:rgba(62,39,35,.4);--text-primary:#3e2723;--text-secondary:#6d4c41;--text-tertiary:#a1887f;--text-inverse:#faf3e0;--border-color:#d4c5a9;--border-strong:#bfae8a;--divider:#ebe3cc;--accent-primary:#bf6b1a;--accent-primary-hover:#8d4f10;--accent-primary-soft:#f4ddb8;--color-success:#4e7c2f;--color-warning:#c87f0a;--color-danger:#a83232;--color-info:#2a6e7a;--code-bg:#ebe3cc;--code-text:#3e2723;--code-inline-bg:#d4c5a9;--code-inline-text:#8d4f10;--link-color:#8d4f10;--link-hover:#bf6b1a;--selection-bg:#f4ddb8;--selection-text:#3e2723}[data-theme=ocean]{--bg-page:#f0f9ff;--bg-surface:#e0f2fe;--bg-elevated:#fff;--bg-secondary:#e0f2fe;--bg-overlay:rgba(8,47,73,.4);--text-primary:#0c4a6e;--text-secondary:#0369a1;--text-tertiary:#7dd3fc;--text-inverse:#fff;--border-color:#bae6fd;--border-strong:#7dd3fc;--divider:#e0f2fe;--accent-primary:#0284c7;--accent-primary-hover:#0369a1;--accent-primary-soft:#bae6fd;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0284c7;--code-bg:#e0f2fe;--code-text:#0c4a6e;--code-inline-bg:#bae6fd;--code-inline-text:#0c4a6e;--link-color:#0284c7;--link-hover:#0369a1;--selection-bg:#bae6fd;--selection-text:#0c4a6e}[data-theme=forest]{--bg-page:#f0fdf4;--bg-surface:#dcfce7;--bg-elevated:#fff;--bg-secondary:#dcfce7;--bg-overlay:rgba(20,83,45,.4);--text-primary:#14532d;--text-secondary:#166534;--text-tertiary:#86efac;--text-inverse:#fff;--border-color:#bbf7d0;--border-strong:#86efac;--divider:#dcfce7;--accent-primary:#16a34a;--accent-primary-hover:#15803d;--accent-primary-soft:#bbf7d0;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0891b2;--code-bg:#dcfce7;--code-text:#14532d;--code-inline-bg:#bbf7d0;--code-inline-text:#14532d;--link-color:#16a34a;--link-hover:#15803d;--selection-bg:#bbf7d0;--selection-text:#14532d}[data-theme=nord]{--bg-page:#eceff4;--bg-surface:#e5e9f0;--bg-elevated:#fff;--bg-secondary:#e5e9f0;--bg-overlay:rgba(46,52,64,.4);--text-primary:#2e3440;--text-secondary:#4c566a;--text-tertiary:#81a1c1;--text-inverse:#eceff4;--border-color:#d8dee9;--border-strong:#a3aab5;--divider:#e5e9f0;--accent-primary:#5e81ac;--accent-primary-hover:#81a1c1;--accent-primary-soft:#d8dee9;--color-success:#a3be8c;--color-warning:#ebcb8b;--color-danger:#bf616a;--color-info:#88c0d0;--code-bg:#e5e9f0;--code-text:#2e3440;--code-inline-bg:#d8dee9;--code-inline-text:#5e81ac;--link-color:#5e81ac;--link-hover:#81a1c1;--selection-bg:#d8dee9;--selection-text:#2e3440}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Menlo,Consolas,"Courier New",monospace;--font-serif:"Source Han Serif SC","Noto Serif SC",Georgia,"Times New Roman",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px rgba(0,0,0,.15);--shadow-inner:inset 0 2px 4px rgba(0,0,0,.06);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default)}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:#2563eb;color:var(--link-color);-webkit-text-decoration:none;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease-default)}a:hover{color:#1d4ed8;color:var(--link-hover)}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary);font-weight:600;font-weight:var(--font-semibold);line-height:1.25;line-height:var(--leading-tight)}code,pre{font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,Consolas,Courier New,monospace;font-family:var(--font-mono)}::-moz-selection{background-color:#bfdbfe;background-color:var(--selection-bg);color:#1e3a8a;color:var(--selection-text)}::selection{background-color:#bfdbfe;background-color:var(--selection-bg);color:#1e3a8a;color:var(--selection-text)}body{background-color:#fff;background-color:var(--bg-page);color:#111827;color:var(--text-primary)}.container{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--container-xl);padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (min-width:768px){.container{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}}.prose{line-height:var(--leading-relaxed);word-wrap:break-word}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:600;font-weight:var(--font-semibold);margin-bottom:1rem;margin-bottom:var(--space-4);margin-top:2rem;margin-top:var(--space-8)}.prose h1{font-size:2.25rem;font-size:var(--text-4xl)}.prose h2{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);font-size:1.875rem;font-size:var(--text-3xl)}.prose h3{font-size:1.5rem;font-size:var(--text-2xl)}.prose h4{font-size:1.25rem;font-size:var(--text-xl)}.prose h5{font-size:1.125rem;font-size:var(--text-lg)}.prose h6{font-size:1rem;font-size:var(--text-base)}.prose ol,.prose p,.prose ul{margin-bottom:1rem;margin-bottom:var(--space-4)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-primary);border-radius:0 .5rem .5rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.prose code{background:#f3f4f6;background:var(--code-inline-bg);border-radius:.25rem;border-radius:var(--radius-sm);color:#db2777;color:var(--code-inline-text);font-size:.9em;padding:.125em .375em}.prose pre{background:var(--code-bg);color:var(--code-text);line-height:1.75;line-height:var(--leading-relaxed);padding:var(--space-4)}.prose pre code{background:none}.prose img{box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-sm);margin:1rem auto;margin:var(--space-4) auto}.prose th{font-weight:var(--font-semibold)}.prose hr{border:0;border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);margin:2rem 0;margin:var(--space-8) 0}.prose a{color:#2563eb;color:var(--link-color)}.prose a:hover{color:#1d4ed8;color:var(--link-hover)}.hidden{display:none!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-secondary{color:#4b5563;color:var(--text-secondary)}.text-tertiary{color:#9ca3af;color:var(--text-tertiary)}.font-mono{font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,Consolas,Courier New,monospace;font-family:var(--font-mono)}.note-card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1.25rem;padding:var(--space-5);transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.note-card:hover{border-color:var(--color-primary-soft);box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card[data-pinned=true]{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning)}.note-card[data-hidden=true]{opacity:.5}.note-card[data-expired=true]{border-left:4px solid #ef4444;border-left:4px solid var(--color-danger)}.note-card__header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.note-card__title{flex:1;font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.25;line-height:var(--leading-tight);margin:0;min-width:0}.note-card__link{color:#111827;color:var(--text-primary);-webkit-text-decoration:none;text-decoration:none}.note-card__link:hover{color:var(--color-primary)}.note-card__badges{display:flex;flex-shrink:0;gap:.25rem;gap:var(--space-1)}.note-card__meta{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.note-card__date,.note-card__date-modified{color:#9ca3af;color:var(--text-tertiary)}.note-card__date-modified{font-size:.75rem;font-size:var(--text-xs)}.note-card__date-modified:before{content:"· "}.note-card__excerpt{color:#4b5563;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;line-height:1.5;line-height:var(--leading-normal);margin-bottom:.75rem;margin-bottom:var(--space-3);-webkit-box-orient:vertical;overflow:hidden}.note-card__footer{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.note-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.bookmark-card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4);transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration-normal) var(--ease-default)}.bookmark-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-sm)}.bookmark-card[data-visibility=private]{background:#f9fafb;background:var(--bg-surface);border-style:dashed}.bookmark-card__favicon{border-radius:.25rem;border-radius:var(--radius-sm);flex-shrink:0;height:32px;width:32px}.bookmark-card__body{flex:1;min-width:0}.bookmark-card__title{align-items:center;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);margin-bottom:.25rem;margin-bottom:var(--space-1)}.bookmark-card__title a{color:#111827;color:var(--text-primary);-webkit-text-decoration:none;text-decoration:none}.bookmark-card__title a:hover{color:var(--color-primary)}.bookmark-card__url{color:#9ca3af;color:var(--text-tertiary);font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-card__description,.bookmark-card__url{margin-bottom:.5rem;margin-bottom:var(--space-2)}.bookmark-card__description{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;line-height:var(--leading-normal)}.bookmark-card__footer{display:flex;flex-wrap:wrap}.bookmark-card__footer,.button{align-items:center;gap:.5rem;gap:var(--space-2)}.button{border:1px solid transparent;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);justify-content:center;line-height:1.25;line-height:var(--leading-tight);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.button:active{transform:scale(.97)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.button--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.button--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--secondary{background:#f9fafb;background:var(--bg-surface);border-color:#e5e7eb;border-color:var(--border-color);color:#111827;color:var(--text-primary)}.button--secondary:hover{background:#fff;background:var(--bg-elevated);border-color:#d1d5db;border-color:var(--border-strong)}.button--ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.button--ghost:hover{background:var(--color-primary-soft)}.button--danger{background:#ef4444;background:var(--color-danger);border-color:#ef4444;border-color:var(--color-danger);color:#fff}.button--danger:hover{background:#dc2626;border-color:#dc2626}.button--sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.button--lg{font-size:1rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.button--block{display:flex;width:100%}.button--icon{border-radius:.5rem;border-radius:var(--radius-md);height:36px;padding:.5rem;padding:var(--space-2);width:36px}.button--link{background:none;border:none;color:var(--color-primary);padding:0;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:2px}.button--link:hover{color:var(--color-primary-hover)}.tag{align-items:center;background:var(--color-primary-soft);border-radius:9999px;border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease-default)}a.tag:hover{background:var(--color-primary);color:#fff}.tag--tech{background:#dbeafe;color:#1e40af}.tag--life{background:#fce7f3;color:#be185d}.tag--work{background:#d1fae5;color:#065f46}.tag--study{background:#fef3c7;color:#92400e}[data-theme=dark] .tag--tech{background:#1e3a8a;color:#bfdbfe}[data-theme=dark] .tag--life{background:#831843;color:#fbcfe8}[data-theme=dark] .tag--work{background:#064e3b;color:#a7f3d0}[data-theme=dark] .tag--study{background:#78350f;color:#fde68a}.badge{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.25rem;gap:var(--space-1);line-height:1.2;padding:2px .5rem;padding:2px var(--space-2)}.badge--pinned{background:#f59e0b;background:var(--color-warning);color:#fff}.badge--hidden{background:#9ca3af;background:var(--text-tertiary);color:#fff;color:var(--text-inverse)}.badge--expired{background:#ef4444;background:var(--color-danger);color:#fff}.badge--public{background:#10b981;background:var(--color-success);color:#fff}.badge--count,.badge--private{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#4b5563;color:var(--text-secondary)}.badge--count{font-weight:400;font-weight:var(--font-normal)}.search-box{max-width:600px;position:relative;width:100%}.search-box__field{align-items:center;display:flex;position:relative;width:100%}.search-box__input{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);flex:1;font-size:1rem;font-size:var(--text-base);min-width:0;padding:.75rem 1rem .75rem 2.5rem;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);width:100%}.search-box__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.search-box__input::-moz-placeholder{color:#9ca3af;color:var(--text-tertiary)}.search-box__input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.search-box__icon{color:#9ca3af;color:var(--text-tertiary);flex-shrink:0;height:20px;left:.75rem;left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box__results{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);display:none;left:0;max-height:70vh;overflow-y:auto;position:absolute;right:0;top:calc(100% + .25rem);top:calc(100% + var(--space-1));z-index:1000;z-index:var(--z-dropdown)}.search-box__results.is-active{display:block}.search-result{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);cursor:pointer;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease-default)}.search-result:last-of-type{border-bottom:none}.search-result__view-all{align-items:center;background:#f9fafb;background:var(--bg-surface);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);color:#3b82f6;color:var(--accent-primary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease-default)}.search-result__view-all:hover{background:#dbeafe;background:var(--accent-primary-soft);color:#3b82f6;color:var(--accent-primary)}.search-result__view-all svg{height:14px;width:14px}.search-result.is-focused,.search-result:hover{background:#f9fafb;background:var(--bg-surface)}.search-result__title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);margin-bottom:.25rem;margin-bottom:var(--space-1)}.search-result__title a{color:inherit;flex:1;min-width:0;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.search-result__section{align-items:center;background:#3b82f6;background:var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;color:var(--bg-page);display:inline-flex;flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:2px 8px}.search-result__title a:hover{color:#3b82f6;color:var(--accent-primary)}.search-result__excerpt{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);line-height:1.5;line-height:var(--leading-normal);margin-bottom:.25rem;margin-bottom:var(--space-1);word-break:break-word}.search-result__excerpt mark{background:var(--color-primary-soft);border-radius:2px;color:var(--color-primary);font-weight:600;font-weight:var(--font-semibold);padding:0 2px}.search-result__meta{color:#9ca3af;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2)}.search-result__empty,.search-result__loading{color:#9ca3af;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);text-align:center}.search-result__highlight{animation:search-highlight-pulse 2s ease-out forwards;background:#f59e0b;background:var(--color-warning);border-radius:2px;color:#fff;color:var(--text-inverse);font-size:.75rem;font-size:var(--text-xs);padding:0 4px;pointer-events:none;position:absolute;z-index:1200;z-index:var(--z-fixed)}@keyframes search-highlight-pulse{0%{opacity:1;transform:scale(1.05)}50%{opacity:.8}to{opacity:0;transform:scale(1)}}.search-results-page{margin:0 auto;max-width:900px}.search-results-page__form{margin:1.5rem 0 1rem;margin:var(--space-6) 0 var(--space-4)}.search-results-page__form .search-box{max-width:100%}.search-results-page__meta{align-items:center;background:#f9fafb;background:var(--bg-surface);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:1rem;gap:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.search-results-page__meta strong{color:#111827;color:var(--text-primary)}.meta-empty{color:#9ca3af;color:var(--text-tertiary)}.search-results-page__hint,.search-results-page__list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.search-results-page__hint{align-items:center;color:#9ca3af;color:var(--text-tertiary);justify-content:center;padding:3rem 1.5rem;padding:var(--space-12) var(--space-6);text-align:center}.hint-icon{font-size:3rem;opacity:.5}.hint-text p{margin:.25rem 0;margin:var(--space-1) 0}.hint-secondary{font-size:.875rem;font-size:var(--text-sm);opacity:.7}.search-result-card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.search-result-card:hover{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md)}.search-result-card__head{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.search-result-card__title{color:#111827;color:var(--text-primary);flex:1;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;-webkit-text-decoration:none;text-decoration:none}.search-result-card__title:hover{color:#3b82f6;color:var(--accent-primary)}.search-result-card__title mark{background:var(--color-primary-soft);color:var(--color-primary);padding:0 2px}.search-result-card__section{background:#3b82f6;background:var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--bg-page);flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:2px 8px}.search-result-card__excerpt{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.75;line-height:var(--leading-relaxed);margin-bottom:.5rem;margin-bottom:var(--space-2);word-break:break-word}.search-result-card__excerpt mark{background:var(--color-primary-soft);color:var(--color-primary);padding:0 2px}.search-result-card__meta{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2)}.search-result-card__score{margin-left:auto}@media (max-width:768px){.search-results-page__meta{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.search-result-card__head{flex-wrap:wrap}}.nav{backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);background:#fff;background:var(--bg-elevated);background-color:hsla(0,0%,100%,.85);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1100;z-index:var(--z-sticky)}@supports (color:color-mix(in lch,red,blue)){.nav{background-color:color-mix(in srgb,var(--bg-elevated) 85%,transparent)}}.nav__inner{gap:1rem;gap:var(--space-4);justify-content:space-between;padding:.75rem 0;padding:var(--space-3) 0}.nav__brand,.nav__inner{align-items:center;display:flex}.nav__brand{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2);-webkit-text-decoration:none;text-decoration:none}.nav__brand-logo{color:#3b82f6;color:var(--accent-primary);display:inline-block;flex-shrink:0;height:24px;width:24px}.nav__menu{align-items:center;display:flex;flex:1;gap:.5rem;gap:var(--space-2);margin-left:1.5rem;margin-left:var(--space-6)}.nav__link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);-webkit-text-decoration:none;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.nav__link:hover{background:#f9fafb;background:var(--bg-surface);color:#111827;color:var(--text-primary)}.nav__link.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.nav__actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2)}.nav__toggle{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:none;height:36px;justify-content:center;width:36px}.nav__toggle span,.nav__toggle span:after,.nav__toggle span:before{background:#111827;background:var(--text-primary);border-radius:1px;display:block;height:2px;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-normal) var(--ease-default);width:20px}.nav__toggle span:after,.nav__toggle span:before{content:"";left:0;position:absolute}.nav__toggle span:before{top:-6px}.nav__toggle span:after{top:6px}@media (max-width:767px){.nav__toggle{display:inline-flex}.nav__menu{align-items:stretch;background:#fff;background:var(--bg-elevated);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md);display:none;flex-direction:column;gap:0;left:0;margin:0;padding:.5rem;padding:var(--space-2);position:absolute;right:0;top:100%}.nav__menu.is-open{display:flex}.nav__link{padding:.75rem;padding:var(--space-3)}}.footer{background:#f9fafb;background:var(--bg-surface);border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);margin-top:5rem;margin-top:var(--space-20);padding:2rem 0;padding:var(--space-8) 0}.footer__inner{align-items:flex-start;color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.75rem 1.5rem;gap:var(--space-3) var(--space-6);justify-content:space-between}.footer__group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;gap:var(--space-2) var(--space-4);min-width:0}.footer__group--primary{flex:1 1 420px}.footer__group--meta{flex:1 1 320px;justify-content:flex-end}.footer__item{line-height:1.6;min-width:0}.footer__item a,.footer__link{color:#4b5563;color:var(--text-secondary);-webkit-text-decoration:none;text-decoration:none}.footer__item a:hover,.footer__link:hover{color:var(--color-primary)}@media (max-width:720px){.footer__group,.footer__group--meta,.footer__inner{justify-content:flex-start}}.theme-switcher{align-items:center;background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--duration-fast) var(--ease-default);width:36px}.theme-switcher:hover{background:#f9fafb;background:var(--bg-surface)}.theme-switcher svg{height:18px;width:18px}.theme-picker{align-items:center;animation:theme-picker-fade-in .15s ease-out;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:9999}@keyframes theme-picker-fade-in{0%{opacity:0}to{opacity:1}}.theme-picker__panel{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px rgba(0,0,0,.15);box-shadow:var(--shadow-2xl);max-height:85vh;max-width:540px;overflow-y:auto;padding:1.25rem;padding:var(--space-5);width:100%}.theme-picker__header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.theme-picker__header h3{font-size:1.125rem;font-size:var(--text-lg);margin:0}.theme-picker__close{background:transparent;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:1.2em;padding:4px 8px}.theme-picker__close:hover{background:#f9fafb;background:var(--bg-surface);color:#111827;color:var(--text-primary)}.theme-picker__section{margin-bottom:1rem;margin-bottom:var(--space-4)}.theme-picker__label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--space-2)}.theme-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.5rem;grid-gap:var(--space-2);gap:.5rem;gap:var(--space-2)}.theme-card{align-items:stretch;background:#f9fafb;background:var(--bg-surface);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);overflow:hidden;padding:.75rem;padding:var(--space-3);position:relative;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-default)}.theme-card:hover{background:#fff;background:var(--bg-elevated)}.theme-card.is-active,.theme-card:hover{border-color:#3b82f6;border-color:var(--accent-primary)}.theme-card.is-active{background:#dbeafe;background:var(--accent-primary-soft);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--accent-primary-soft)}.theme-card.is-active:after{align-items:center;background:#3b82f6;background:var(--accent-primary);border-radius:50%;color:#fff;color:var(--bg-page);content:"✓";display:flex;font-size:.75em;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.theme-card__swatches{border-radius:.25rem;border-radius:var(--radius-sm);display:flex;gap:2px;height:28px;margin-bottom:.25rem;margin-bottom:var(--space-1);overflow:hidden}.theme-card__swatch{display:block;flex:1;height:100%}.theme-card__info{align-items:center;display:flex;gap:.25rem;gap:var(--space-1);margin-top:.25rem;margin-top:var(--space-1)}.theme-card__icon{align-items:center;color:#3b82f6;color:var(--accent-primary);display:inline-flex;height:1.2em;justify-content:center;width:1.2em}.theme-card__actions svg,.theme-card__icon svg,.theme-editor__header svg,.theme-picker__header svg{fill:none;height:100%;stroke:currentColor;width:100%}.theme-editor__header svg,.theme-picker__header svg{height:1.2em;margin-right:.3em;vertical-align:-.2em;width:1.2em}.theme-card__actions svg{height:14px;stroke-width:2;width:14px}.theme-card__name{font-weight:600}.theme-card__desc{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs)}.theme-card__actions{bottom:8px;display:flex;gap:2px;opacity:0;position:absolute;right:8px;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration-fast) var(--ease-default)}.theme-card--custom:hover .theme-card__actions{opacity:1}.theme-card__actions button{background:#fff;background:var(--bg-elevated);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.8em;height:24px;padding:0;width:24px}.theme-card__actions button:hover{background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--bg-page)}.theme-picker__create{align-items:center;background:transparent;border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem;padding:var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-default);width:100%}.theme-picker__create:hover{background:#f9fafb;background:var(--bg-surface);border-color:#3b82f6;border-color:var(--accent-primary);color:#3b82f6;color:var(--accent-primary)}.theme-picker__create-icon{font-size:1.2em}.font-size-picker{display:grid;grid-gap:.75rem;grid-gap:var(--space-3);gap:.75rem;gap:var(--space-3)}.font-size-picker__presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.5rem;grid-gap:var(--space-2);gap:.5rem;gap:var(--space-2)}.font-size-picker__preset,.font-size-picker__step{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;font-family:inherit}.font-size-picker__preset{align-items:center;display:flex;flex-direction:column;font-size:.875rem;font-size:var(--text-sm);gap:2px;min-width:0;padding:.5rem;padding:var(--space-2)}.font-size-picker__preset strong{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600}.font-size-picker__preset:hover,.font-size-picker__step:hover{background:#fff;background:var(--bg-elevated);border-color:#3b82f6;border-color:var(--accent-primary)}.font-size-picker__preset.is-active{background:#dbeafe;background:var(--accent-primary-soft);border-color:#3b82f6;border-color:var(--accent-primary)}.font-size-picker__custom{align-items:center;display:grid;grid-template-columns:40px 1fr 40px;grid-gap:.5rem;grid-gap:var(--space-2);gap:.5rem;gap:var(--space-2)}.font-size-picker__step{font-size:1.125rem;font-size:var(--text-lg);height:36px;line-height:1}.font-size-picker__value{align-items:center;background:#fff;background:var(--bg-page);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);height:36px;justify-content:center}@media (max-width:480px){.font-size-picker__presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-editor{align-items:center;animation:theme-picker-fade-in .15s ease-out;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:10000}.theme-editor__panel{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px rgba(0,0,0,.15);box-shadow:var(--shadow-2xl);max-height:85vh;max-width:760px;overflow-y:auto;padding:1.25rem;padding:var(--space-5);width:100%}.theme-editor__header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.theme-editor__header h3{font-size:1.125rem;font-size:var(--text-lg);margin:0}.theme-editor__close{background:transparent;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:1.2em;padding:4px 8px}.theme-editor__close:hover{background:#f9fafb;background:var(--bg-surface)}.theme-editor__body{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;grid-gap:var(--space-5);gap:1.25rem;gap:var(--space-5)}@media (max-width:700px){.theme-editor__body{grid-template-columns:1fr}}.theme-editor__form{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.theme-editor__field{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.theme-editor__field-label,.theme-editor__group legend{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.theme-editor__name{background:#fff;background:var(--bg-page);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.theme-editor__name:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.theme-editor__group{border:1px solid #f3f4f6;border:1px solid var(--divider);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.theme-editor__group legend{padding:0 .5rem;padding:0 var(--space-2)}.theme-editor__color-row{display:grid;grid-template-columns:100px 40px 1fr;grid-gap:.5rem;grid-gap:var(--space-2);align-items:center;gap:.5rem;gap:var(--space-2);padding:.25rem 0;padding:var(--space-1) 0}.theme-editor__color-label{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm)}.theme-editor__color{cursor:pointer;height:32px;padding:2px;width:40px}.theme-editor__color,.theme-editor__color-text{background:#fff;background:var(--bg-page);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--radius-sm)}.theme-editor__color-text{color:#111827;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.theme-editor__color-text:focus{border-color:#3b82f6;border-color:var(--accent-primary);outline:none}.theme-editor__actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end;margin-top:.75rem;margin-top:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.theme-editor__btn{border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-default)}.theme-editor__btn--ghost{background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-primary)}.theme-editor__btn--ghost:hover{background:#f9fafb;background:var(--bg-surface)}.theme-editor__btn--primary{background:#3b82f6;background:var(--accent-primary);border:1px solid #3b82f6;border:1px solid var(--accent-primary);color:#fff;color:var(--text-inverse)}.theme-editor__btn--primary:hover{filter:brightness(1.1)}.theme-editor__preview{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.theme-editor__preview-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.theme-editor__preview-card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:1rem;padding:var(--space-4)}.theme-editor__preview-card h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);margin:0}.theme-editor__preview-card p{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.75;line-height:var(--leading-relaxed);margin:0}.theme-editor__preview-btn{align-self:flex-start;background:#3b82f6;background:var(--accent-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.theme-editor__preview-tags{display:flex;gap:.25rem;gap:var(--space-1)}.theme-editor__preview-tag{background:#dbeafe;background:var(--accent-primary-soft);border-radius:9999px;color:#3b82f6;color:var(--accent-primary);font-size:.75rem;font-size:var(--text-xs);padding:2px 10px}.pagination{gap:.25rem;gap:var(--space-1)}.pagination,.pagination__item{align-items:center;justify-content:center}.pagination__item{color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:var(--font-medium);height:36px;min-width:36px;padding:0 .75rem;padding:0 var(--space-3);transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.pagination__item:hover{border-color:#d1d5db;border-color:var(--border-strong);color:#111827;color:var(--text-primary)}.pagination__item.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;pointer-events:none}.pagination__item.is-disabled{opacity:.4;pointer-events:none}.pagination__ellipsis{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:inline-flex;height:36px;justify-content:center;width:36px}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-label__required:after{color:#ef4444;color:var(--color-danger);content:" *"}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.form-textarea{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);min-height:120px;resize:vertical}.form-help{color:#9ca3af;color:var(--text-tertiary)}.form-error,.form-help{font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.form-error{color:#ef4444;color:var(--color-danger)}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2)}.form-checkbox input,.form-radio input{accent-color:var(--color-primary);height:16px;width:16px}.avatar{background:var(--color-primary-soft);border:2px solid #fff;border:2px solid var(--bg-elevated);border-radius:9999px;border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;flex-shrink:0;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);height:40px;line-height:40px;overflow:hidden;text-align:center;width:40px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar--sm{font-size:.75rem;font-size:var(--text-xs);height:24px;line-height:24px;width:24px}.avatar--md{font-size:1rem;font-size:var(--text-base);height:40px;line-height:40px;width:40px}.avatar--lg{font-size:1.25rem;font-size:var(--text-xl);height:64px;line-height:64px;width:64px}.avatar--xl{font-size:1.875rem;font-size:var(--text-3xl);height:96px;line-height:96px;width:96px}.timeline{padding-left:2rem;padding-left:var(--space-8);position:relative}.timeline:before{background:#f3f4f6;background:var(--divider);bottom:0;content:"";left:.75rem;left:var(--space-3);position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem;margin-bottom:var(--space-8);position:relative}.timeline-item__dot{background:#fff;background:var(--bg-elevated);border:3px solid var(--color-primary);border-radius:50%;height:14px;left:-1.5rem;left:calc(var(--space-8)*-1 + var(--space-2));position:absolute;top:.75rem;top:var(--space-3);width:14px;z-index:1}.timeline-item--happy .timeline-item__dot{border-color:#f59e0b;border-color:var(--color-warning)}.timeline-item--sad .timeline-item__dot{border-color:#06b6d4;border-color:var(--color-info)}.timeline-item--angry .timeline-item__dot{border-color:#ef4444;border-color:var(--color-danger)}.timeline-item--calm .timeline-item__dot{border-color:#10b981;border-color:var(--color-success)}.timeline-item--excited .timeline-item__dot{border-color:#f59e0b;border-color:var(--color-warning)}.timeline-item--tired .timeline-item__dot{border-color:#9ca3af;border-color:var(--text-tertiary)}.timeline-item__card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);padding:1rem;padding:var(--space-4)}.timeline-item__header{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.timeline-item__meta{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2)}.timeline-item__mood{font-size:1.125rem;font-size:var(--text-lg)}.timeline-item__date{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs)}.timeline-item__content{color:#111827;color:var(--text-primary);line-height:1.75;line-height:var(--leading-relaxed)}.timeline-item__media{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.5rem;grid-gap:var(--space-2);gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3)}.timeline-item__media img,.timeline-item__media video{aspect-ratio:1;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;-o-object-fit:cover;object-fit:cover;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-fast) var(--ease-default);width:100%}.timeline-item__media img:hover{transform:scale(1.05)}.alert{border-left:4px solid;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.alert--info{background:var(--color-primary-soft);border-color:var(--color-primary);color:#111827;color:var(--text-primary)}.alert--success{background:#d1fae5;border-color:#10b981;border-color:var(--color-success);color:#065f46}.alert--warning{background:#fef3c7;border-color:#f59e0b;border-color:var(--color-warning);color:#92400e}.alert--danger{background:#fee2e2;border-color:#ef4444;border-color:var(--color-danger);color:#991b1b}[data-theme=dark] .alert--success{background:#064e3b;color:#a7f3d0}[data-theme=dark] .alert--warning{background:#78350f;color:#fde68a}[data-theme=dark] .alert--danger{background:#7f1d1d;color:#fecaca}.modal-backdrop{align-items:center;background:rgba(0,0,0,.5);background:var(--bg-overlay);bottom:0;display:none;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1300;z-index:var(--z-modal-backdrop)}.modal,.modal-backdrop.is-open{display:flex}.modal{background:#fff;background:var(--bg-elevated);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px rgba(0,0,0,.15);box-shadow:var(--shadow-2xl);flex-direction:column;max-height:90vh;max-width:500px;min-height:280px;min-width:320px;overflow:hidden;position:relative;resize:both;width:100%;z-index:1400;z-index:var(--z-modal)}.modal--search{height:70vh;max-height:85vh;max-width:90vw;min-height:500px;min-width:500px;resize:both;width:800px}.modal--search .modal__body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.modal--search .search-box{display:flex;flex:1;flex-direction:column;min-height:0;padding:1rem;padding:var(--space-4)}.modal--search .search-box__results{background:#fff;background:var(--bg-page);border:1px solid #f3f4f6;border:1px solid var(--divider);border-radius:.5rem;border-radius:var(--radius-md);flex:1;margin-top:.75rem;margin-top:var(--space-3);max-height:none;min-height:0;overflow-y:auto;padding:.5rem;padding:var(--space-2)}.modal--search:after{background:linear-gradient(135deg,transparent,transparent 50%,#9ca3af 0,#9ca3af 55%,transparent 0,transparent 70%,#9ca3af 0,#9ca3af 75%,transparent 0,transparent 85%,#9ca3af 0,#9ca3af 90%,transparent 0);background:linear-gradient(135deg,transparent 0,transparent 50%,var(--text-tertiary) 50%,var(--text-tertiary) 55%,transparent 55%,transparent 70%,var(--text-tertiary) 70%,var(--text-tertiary) 75%,transparent 75%,transparent 85%,var(--text-tertiary) 85%,var(--text-tertiary) 90%,transparent 90%);border-bottom-right-radius:.75rem;border-bottom-right-radius:var(--radius-lg);bottom:0;content:"";cursor:nwse-resize;height:18px;opacity:.6;pointer-events:none;position:absolute;right:0;width:18px}.modal__size-hint{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:400;margin-left:.5rem;margin-left:var(--space-2)}.modal__header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.modal__title{font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.modal__close{align-items:center;background:transparent;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:inline-flex;height:32px;justify-content:center;width:32px}.modal__close:hover{background:#f9fafb;background:var(--bg-surface)}.modal__body{overflow-y:auto;padding:1rem;padding:var(--space-4)}.modal__footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.hero{padding:3rem 0 2rem;padding:var(--space-12) 0 var(--space-8);text-align:center}.hero--search{padding:1rem 0 1.5rem;padding:var(--space-4) 0 var(--space-6)}.hero__title{color:#111827;color:var(--text-primary);display:inline-block;font-size:2.25rem;font-size:var(--text-4xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:.75rem;margin-bottom:var(--space-3);position:relative}.hero__title:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--accent-primary),var(--color-info));border-radius:2px;bottom:-4px;content:"";height:3px;left:0;opacity:.7;position:absolute;right:0}.hero__subtitle{color:#4b5563;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:2rem;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px}.hero__search{margin:0 auto;max-width:600px}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max,1200px);padding:0 1rem;padding:0 var(--space-4)}.section{margin:2rem 0;margin:var(--space-8) 0;padding:0}.section__header{align-items:baseline;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:.75rem;padding-bottom:var(--space-3)}.section__title{color:#111827;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:0}.section__count{color:#9ca3af;color:var(--text-tertiary);font-size:1rem;font-size:var(--text-base);font-weight:400;margin-left:.5rem;margin-left:var(--space-2)}.section__action{font-size:.875rem;font-size:var(--text-sm)}.category-group{margin:2rem 0;margin:var(--space-8) 0;padding:0}.category-group__header{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.category-group__icon{font-size:1.5rem;font-size:var(--text-2xl)}.category-group__title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0}.category-group__count{color:#9ca3af;color:var(--text-tertiary);font-size:1rem;font-size:var(--text-base);font-weight:400}.empty-state{background:#f9fafb;background:var(--bg-surface);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:3rem 1rem;padding:var(--space-12) var(--space-4);text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:.5rem;margin-bottom:var(--space-2);opacity:.5}.empty-state__title{color:#4b5563;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);margin-bottom:.25rem;margin-bottom:var(--space-1)}.empty-state__hint{color:#9ca3af;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm)}.prose{line-height:var(--leading-relaxed,1.7)}.prose h5{font-size:1rem;font-size:var(--text-base)}.prose h6{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.prose p{line-height:1.75;line-height:var(--leading-relaxed,1.7)}.prose blockquote p:last-child{margin-bottom:0}.prose blockquote p:first-child{margin-top:0}.prose a{transition:text-decoration-thickness .1s ease-out}.prose th{color:#111827;color:var(--text-primary)}.article{padding:0 1rem;padding:0 var(--space-4)}.article__back{margin:1rem 0;margin:var(--space-4) 0}.pagination{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin:2rem 0;margin:var(--space-8) 0}.pagination__item{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);flex:1;font-weight:500;min-width:0;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);-webkit-text-decoration:none;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-default)}.pagination__item:hover{background:#f9fafb;background:var(--bg-surface);border-color:#3b82f6;border-color:var(--accent-primary)}.pagination__item:last-child{text-align:right}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}.hero{padding:2rem 0 1rem;padding:var(--space-8) 0 var(--space-4)}.hero__title{font-size:1.875rem;font-size:var(--text-3xl)}.hero__subtitle{font-size:1rem;font-size:var(--text-base)}.article__title{font-size:1.5rem;font-size:var(--text-2xl)}.prose{font-size:1rem;font-size:var(--text-base)}.archive-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.archive-stats{grid-template-columns:1fr}.archive-toolbar{padding:.5rem;padding:var(--space-2)}.archive-toolbar__row{align-items:flex-start;flex-direction:column}}html{scroll-behavior:smooth}.archive-hero{align-items:baseline;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:.75rem 0 1.25rem;padding:var(--space-3) 0 var(--space-5)}.archive-hero__icon{display:inline-block;height:1.6em;margin-right:.2em;vertical-align:-.25em;width:1.6em}.archive-hero__icon,.archive-hero__stat{color:#3b82f6;color:var(--accent-primary)}.archive-hero__stat{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.archive-toolbar{flex-wrap:wrap;gap:1rem 1.25rem;gap:var(--space-4) var(--space-5);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1rem;padding:var(--space-4)}.archive-toolbar__group{align-items:center;gap:.5rem;gap:var(--space-2)}.archive-toolbar__label{color:#9ca3af;color:var(--text-tertiary);margin-right:.25rem;margin-right:var(--space-1)}.archive-toolbar__btn{align-items:center;display:inline-flex;gap:.4em}.archive-toolbar__btn svg{fill:none;height:1em;stroke:currentColor;stroke-width:2;width:1em}.archive-toolbar__num{color:#9ca3af;color:var(--text-tertiary);font-feature-settings:"tnum";font-size:.75rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-left:.2em}.archive-toolbar__btn.is-active .archive-toolbar__num{color:#3b82f6;color:var(--accent-primary);opacity:.8}.archive-tag-cloud{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.archive-tag-cloud__header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3)}.archive-tag-cloud__label{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.4em;letter-spacing:.05em;text-transform:uppercase}.archive-tag-cloud__label svg{color:#3b82f6;color:var(--accent-primary);height:1.1em;width:1.1em}.archive-tag-cloud__list{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);line-height:1.6}.archive-views{margin-top:1rem;margin-top:var(--space-4)}.archive-status{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);background:linear-gradient(135deg,var(--bg-elevated) 0,var(--bg-secondary) 100%);border:1px solid #3b82f6;border:1px solid var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.archive-status__count{color:#3b82f6;color:var(--accent-primary);font-feature-settings:"tnum";font-size:1rem;font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:700}.archive-status__filter,.archive-status__sort{background:#fff;background:var(--bg-page);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#111827;color:var(--text-primary);font-weight:500;padding:.1em .6em}.archive-status__reset{align-items:center;display:inline-flex;gap:.3em;margin-left:auto}.archive-status__reset svg{height:1em;width:1em}.archive-empty{border:1px dashed #e5e7eb;border:1px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#9ca3af;color:var(--text-tertiary);font-style:italic;padding:1.5rem;padding:var(--space-6);text-align:center}.archive-empty,.archive-tree__root{background:#fff;background:var(--bg-elevated)}.archive-tree__root{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden}.archive-tree[data-depth="1"]>summary{background:#fff;background:var(--bg-elevated);border-left:none;font-size:1.05rem;font-weight:600;padding-bottom:.75rem;padding-bottom:var(--space-3);padding-left:1rem;padding-left:var(--space-4);padding-top:.75rem;padding-top:var(--space-3)}.archive-tree[data-depth="1"]>summary .archive-tree__icon{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.archive-tree[data-depth="2"]>summary{background:#f3f4f6;background:var(--bg-secondary,#f6f6f6);border-left:3px solid #8b5cf6;font-size:.97rem;font-weight:600;padding-left:calc(1rem + 4px);padding-left:calc(var(--space-4) + 4px)}.archive-tree[data-depth="2"]>summary .archive-tree__icon{color:#8b5cf6}.archive-tree[data-depth="3"]>summary{background:#fff;background:var(--bg-page);border-left:3px solid #f97316;font-size:.92rem;font-weight:500;padding-left:calc(1rem + 10px);padding-left:calc(var(--space-4) + 10px)}.archive-tree[data-depth="3"]>summary .archive-tree__icon{color:#f97316}.archive-tree[data-depth="4"]>summary{background:#f3f4f6;background:var(--bg-secondary,#f6f6f6);border-left:3px dashed #10b981;font-size:.9rem;font-style:italic;font-weight:500;padding-left:calc(1rem + 16px);padding-left:calc(var(--space-4) + 16px)}.archive-tree[data-depth="4"]>summary .archive-tree__icon{color:#10b981}.archive-tree[data-depth="5"]>summary{background:#fff;background:var(--bg-page);border-left:3px dotted #ec4899;font-size:.88rem;font-weight:400;padding-left:calc(1rem + 22px);padding-left:calc(var(--space-4) + 22px)}.archive-tree[data-depth="5"]>summary .archive-tree__icon{color:#ec4899}.archive-tree[data-depth="6"]>summary,.archive-tree[data-depth="7"]>summary,.archive-tree[data-depth="8"]>summary{background:#f3f4f6;background:var(--bg-secondary,#f6f6f6);border-left:3px double #6366f1;font-size:.86rem;font-weight:400}.archive-tree[data-depth="6"]>summary .archive-tree__icon,.archive-tree[data-depth="7"]>summary .archive-tree__icon,.archive-tree[data-depth="8"]>summary .archive-tree__icon{color:#6366f1}.archive-tree[data-depth="6"]>summary{padding-left:calc(1rem + 28px);padding-left:calc(var(--space-4) + 28px)}.archive-tree[data-depth="7"]>summary{opacity:.92;padding-left:calc(1rem + 34px);padding-left:calc(var(--space-4) + 34px)}.archive-tree[data-depth="8"]>summary{font-style:italic;opacity:.85;padding-left:calc(1rem + 40px);padding-left:calc(var(--space-4) + 40px)}.archive-tree[data-depth="10"]>summary,.archive-tree[data-depth="9"]>summary{background:#fff;background:var(--bg-page);border-left:2px solid #64748b;font-size:.84rem;font-weight:400}.archive-tree[data-depth="10"]>summary .archive-tree__icon,.archive-tree[data-depth="9"]>summary .archive-tree__icon{color:#64748b}.archive-tree[data-depth="9"]>summary{opacity:.85;padding-left:calc(1rem + 46px);padding-left:calc(var(--space-4) + 46px)}.archive-tree[data-depth="10"]>summary{opacity:.75;padding-left:calc(1rem + 52px);padding-left:calc(var(--space-4) + 52px)}.archive-tree__root>.archive-tree:first-child{border-top:none}.archive-tree{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color)}.archive-tree:first-child{border-top:none}.archive-tree>summary{background:#fff;background:var(--bg-elevated);font-weight:500;position:relative;transition:background var(--transition-fast)}.archive-tree>summary:hover{background:#f3f4f6;background:var(--bg-secondary)}.archive-tree[data-depth]>summary:hover{border-left-color:#3b82f6!important;border-left-color:var(--accent-primary,#3b82f6)!important}.archive-tree__summary--dir{border-left:3px solid transparent;font-weight:600;padding-left:calc(1rem - 3px);padding-left:calc(var(--space-4) - 3px)}.archive-tree__summary--dir:hover{border-left-color:#3b82f6;border-left-color:var(--accent-primary)}.archive-tree__icon{align-items:center;display:inline-flex;flex-shrink:0;height:1.15em;justify-content:center;width:1.15em}.archive-tree__summary--dir .archive-tree__icon{color:#3b82f6;color:var(--accent-primary)}.archive-tree__item>a .archive-tree__icon{color:#9ca3af;color:var(--text-tertiary);transition:color var(--transition-fast)}.archive-tree__item:hover>a .archive-tree__icon{color:#3b82f6;color:var(--accent-primary)}.archive-tree__icon svg{fill:none;height:100%;stroke:currentColor;width:100%}.archive-tree__name{color:#111827;color:var(--text-primary);font-weight:600}.archive-tree__count{background:#f3f4f6;background:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#9ca3af;color:var(--text-tertiary);font-feature-settings:"tnum";font-size:.75rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:.1em .6em}.archive-tree__list{background:#fff;background:var(--bg-page);padding:.25rem 0 .5rem;padding:var(--space-1) 0 var(--space-2);position:relative}.archive-tree>.archive-tree,.archive-tree>.archive-tree__list{position:relative}.archive-tree__list[data-depth="1"]{background:#fff;background:var(--bg-page);padding-left:1.25rem;padding-left:var(--space-5)}.archive-tree__list[data-depth="2"]{background:#fff;background:var(--bg-page);padding-left:var(--space-7)}.archive-tree__list[data-depth="3"]{background:#fff;background:var(--bg-page);padding-left:var(--space-9)}.archive-tree__list[data-depth="4"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 2.5em);padding-left:calc(var(--space-5) + 2.5em)}.archive-tree__list[data-depth="5"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 3em);padding-left:calc(var(--space-5) + 3em)}.archive-tree__list[data-depth="6"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 3.5em);padding-left:calc(var(--space-5) + 3.5em)}.archive-tree__list[data-depth="7"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 4em);padding-left:calc(var(--space-5) + 4em)}.archive-tree__list[data-depth="8"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 4.5em);padding-left:calc(var(--space-5) + 4.5em)}.archive-tree__list[data-depth="9"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 5em);padding-left:calc(var(--space-5) + 5em)}.archive-tree__list[data-depth="10"]{background:#fff;background:var(--bg-page);padding-left:calc(1.25rem + 5.5em);padding-left:calc(var(--space-5) + 5.5em)}.archive-tree__list:before{background:#e5e7eb;background:var(--border-color);bottom:.6em;content:"";opacity:.5;position:absolute;top:.6em;width:1px}.archive-tree__list[data-depth="1"]:before{background:#e5e7eb;background:var(--border-color);left:.75em}.archive-tree__list[data-depth="2"]:before{background:#8b5cf6;left:1.5em;opacity:.35}.archive-tree__list[data-depth="3"]:before{background:#f97316;left:2.25em;opacity:.35}.archive-tree__list[data-depth="4"]:before{background:#10b981;left:3em;opacity:.35}.archive-tree__list[data-depth="5"]:before{background:#ec4899;left:3.5em;opacity:.35}.archive-tree__list[data-depth="6"]:before{background:#6366f1;left:4em;opacity:.35}.archive-tree__list[data-depth="7"]:before{background:#6366f1;left:4.5em;opacity:.3}.archive-tree__list[data-depth="8"]:before{background:#6366f1;left:5em;opacity:.25}.archive-tree__list[data-depth="9"]:before{background:#64748b;left:5.5em;opacity:.3}.archive-tree__list[data-depth="10"]:before{background:#64748b;left:6em;opacity:.25}.archive-tree__item{border-bottom:1px solid transparent;display:block;position:relative}.archive-tree__item>a{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:.75rem;grid-gap:var(--space-3);align-items:center;color:#111827;color:var(--text-primary);font-weight:500;gap:.75rem;gap:var(--space-3);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:relative;-webkit-text-decoration:none;text-decoration:none}.archive-tree__item>a>.archive-tree__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-tree__item:before{background:#e5e7eb;background:var(--border-color);bottom:0;content:"";left:-.75rem;left:calc(var(--space-3)*-1);opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast);width:2px}.archive-tree__item:hover:before{background:#3b82f6;background:var(--accent-primary);opacity:1}.archive-tree__date,.archive-tree__words{color:#9ca3af;color:var(--text-tertiary);font-feature-settings:"tnum";font-size:.75rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.archive-tree__words{min-width:4em;text-align:right;white-space:nowrap}.archive-alpha-nav{border-radius:.75rem;border-radius:var(--radius-lg);gap:.2em;padding:.75rem;padding:var(--space-3);top:.5rem;top:var(--space-2)}.archive-alpha-nav__item{border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);height:2em;min-width:2em;padding:0 .5em}.archive-alpha-nav__item:hover{background:#f3f4f6;background:var(--bg-secondary);color:#3b82f6;color:var(--accent-primary)}.archive-alpha-nav__item.is-active{background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-alpha-groups{display:grid;grid-gap:1rem;grid-gap:var(--space-4);gap:1rem;gap:var(--space-4)}.archive-alpha-group{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.archive-alpha-group__letter{align-items:center;background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--bg-page);display:flex;height:3em;justify-content:center;margin:1rem;margin:var(--space-4);width:3em}.archive-alpha-group__list{padding:0 1rem 1rem;padding:0 var(--space-4) var(--space-4)}.archive-alpha-group__item{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:.75rem;gap:var(--space-3);padding:.5rem 0;padding:var(--space-2) 0}.archive-alpha-group__item:first-child{border-top:none}.archive-alpha-group__item a{color:#111827;color:var(--text-primary);flex:1;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.archive-alpha-group__item a:hover{color:#3b82f6;color:var(--accent-primary)}.archive-alpha-group__meta{align-items:center;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}.archive-timeline-jump{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);gap:.5rem;gap:var(--space-2);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:sticky;top:.5rem;top:var(--space-2);z-index:10}.archive-timeline-jump__label{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;margin-right:.5rem;margin-right:var(--space-2);text-transform:uppercase}.archive-timeline-jump__year{border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:1.8em;min-width:3em;padding:0 .5em}.archive-timeline__year{margin:1.25rem 0 .75rem -1.5rem;margin:var(--space-5) 0 var(--space-3) calc(var(--space-6)*-1);padding-left:1.5rem;padding-left:var(--space-6)}.archive-timeline__year:before{box-shadow:0 0 0 4px #fff;box-shadow:0 0 0 4px var(--bg-page);height:.7em;left:.75rem;left:var(--space-3);top:.5em;transform:translateX(-50%);width:.7em}.archive-timeline__month{margin-bottom:1rem;margin-bottom:var(--space-4);position:relative}.archive-timeline__month:before{background:#fff;background:var(--bg-elevated);border:2px solid #9ca3af;border:2px solid var(--text-tertiary);border-radius:50%;content:"";height:.5em;left:-.75rem;left:calc(var(--space-6)*-1 + var(--space-3));position:absolute;top:.8em;transform:translateX(-50%);width:.5em}.archive-timeline__month-count{color:#9ca3af;color:var(--text-tertiary)}.archive-timeline__list{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);overflow:hidden}.archive-timeline__item{display:grid;grid-template-columns:5em 1fr auto;grid-gap:.75rem;grid-gap:var(--space-3);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.archive-timeline__item:first-child{border-top:none}.archive-timeline__item:hover{background:#f3f4f6;background:var(--bg-secondary)}.archive-timeline__date{color:#9ca3af;color:var(--text-tertiary);text-align:right}.archive-timeline__link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-timeline__section{padding:.1em .6em}@media (max-width:640px){.archive-tree__item{grid-template-columns:1fr auto}.archive-tree__date{display:none}.archive-alpha-group__meta{flex-wrap:wrap}.archive-timeline__item{grid-template-columns:4em 1fr}.archive-timeline__section{grid-column:1/-1;justify-self:end}}.archive-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;grid-gap:var(--space-3);gap:.75rem;gap:var(--space-3);margin:1.25rem 0;margin:var(--space-5) 0}.archive-stat{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4);text-align:center;transition:border-color var(--transition-fast)}.archive-stat:hover{border-color:#3b82f6;border-color:var(--accent-primary)}.archive-stat__value{color:#111827;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;line-height:1.2}.archive-stat__label{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.archive-stat--wide{grid-column:span 2;text-align:left}@media (max-width:640px){.archive-stat--wide{grid-column:span 1}}.archive-tags{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin:1.25rem 0;margin:var(--space-5) 0;padding:1rem;padding:var(--space-4)}.archive-tags__cloud{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.archive-tag{align-items:center;background:#f3f4f6;background:var(--bg-tag,var(--bg-secondary));border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);-webkit-text-decoration:none;text-decoration:none;transition:all var(--transition-fast)}.archive-tag:hover{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-tag__count{align-items:center;background:#fff;background:var(--bg-page);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);justify-content:center;min-width:1.5em;padding:0 .4em}.archive-tag:hover .archive-tag__count{background:hsla(0,0%,100%,.25);color:#fff;color:var(--bg-page)}.archive-view-toggle{cursor:pointer}.archive-view-toggle.is-active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-tree{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.75rem;margin-bottom:var(--space-3)}.archive-tree>summary{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--space-2);list-style:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.archive-tree>summary:before{color:#9ca3af;color:var(--text-tertiary);content:"▼";font-size:.7em;transition:transform var(--transition-fast)}.archive-tree:not([open])>summary:before{transform:rotate(-90deg)}.archive-tree__icon{font-size:1.1em}.archive-tree__name{flex:1}.archive-tree__count{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:400}.archive-tree__list{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);list-style:none;margin:0;padding:0 0 .5rem;padding:0 0 var(--space-2) 0}.archive-tree__item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;gap:var(--space-3);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:background var(--transition-fast)}.archive-tree__item:last-child{border-bottom:none}.archive-tree__item:hover{background:#f3f4f6;background:var(--bg-secondary)}.archive-tree__link{align-items:center;color:#111827;color:var(--text-primary);display:flex;flex:1;font-weight:500;gap:.5rem;gap:var(--space-2);-webkit-text-decoration:none;text-decoration:none}.archive-tree__link:hover{color:#3b82f6;color:var(--accent-primary)}.archive-tree__title{flex:1}.archive-tree__meta{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}.archive-tree__tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.archive-tree__date{white-space:nowrap}.archive-tree__item[data-expired=true]{opacity:.6}.archive-tree__item[data-expired=true] .archive-tree__title{-webkit-text-decoration:line-through;text-decoration:line-through}.archive-flat{counter-reset:archive-counter;list-style:none;margin:0;padding:0}.archive-flat__item{align-items:baseline;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--border-color);counter-increment:archive-counter;display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem 0;padding:var(--space-3) 0}.archive-flat__num:before{align-items:center;background:#f3f4f6;background:var(--bg-secondary);border-radius:50%;color:#9ca3af;color:var(--text-tertiary);content:counter(archive-counter);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;height:2.5em;justify-content:center;min-width:2.5em}.archive-flat__body{flex:1}.archive-flat__link{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:500;-webkit-text-decoration:none;text-decoration:none}.archive-flat__link:hover{color:#3b82f6;color:var(--accent-primary)}.archive-flat__meta{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);margin-top:.25rem;margin-top:var(--space-1)}.archive-flat__item[data-expired=true]{opacity:.6}.archive-flat__item[data-expired=true] .archive-flat__link{-webkit-text-decoration:line-through;text-decoration:line-through}.archive-alpha-nav{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem;padding:var(--space-2);position:sticky;top:.75rem;top:var(--space-3);z-index:10}.archive-alpha-nav__item{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);color:#111827;color:var(--text-primary);display:inline-flex;font-weight:600;height:1.8em;justify-content:center;min-width:1.8em;padding:0 .4em;-webkit-text-decoration:none;text-decoration:none;transition:all var(--transition-fast)}.archive-alpha-nav__item:hover{background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-alpha-nav__item.is-empty{color:#9ca3af;color:var(--text-tertiary);opacity:.4;pointer-events:none}.archive-alpha-group{margin-bottom:1.25rem;margin-bottom:var(--space-5);scroll-margin-top:3rem;scroll-margin-top:var(--space-12)}.archive-alpha-group__letter{background:#fff;background:var(--bg-elevated);border:2px solid #3b82f6;border:2px solid var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#3b82f6;color:var(--accent-primary);display:inline-block;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.archive-alpha-group__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:.5rem;grid-gap:var(--space-2);gap:.5rem;gap:var(--space-2)}.archive-alpha-group__list li{border-left:3px solid #e5e7eb;border-left:3px solid var(--border-color);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),background var(--transition-fast)}.archive-alpha-group__list li:hover{background:#f3f4f6;background:var(--bg-secondary);border-left-color:#3b82f6;border-left-color:var(--accent-primary)}.archive-alpha-group__list a{color:#111827;color:var(--text-primary);font-weight:500;-webkit-text-decoration:none;text-decoration:none}.archive-alpha-group__list a:hover{color:#3b82f6;color:var(--accent-primary)}.archive-toolbar{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.05);flex-direction:column;margin:1rem 0;margin:var(--space-4) 0;padding:.75rem;padding:var(--space-3);position:sticky;top:.5rem;top:var(--space-2);z-index:20}.archive-toolbar,.archive-toolbar__row{display:flex;gap:.5rem;gap:var(--space-2)}.archive-toolbar__row{align-items:center;flex-wrap:wrap}.archive-toolbar__label{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;min-width:3.5em;text-transform:uppercase}.archive-toolbar__group{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.archive-toolbar__btn{cursor:pointer;white-space:nowrap}.archive-toolbar__btn.is-active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-tags__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.archive-tag-sort__btn{cursor:pointer}.archive-tag-sort__btn.is-active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-filter{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin:1rem 0;margin:var(--space-4) 0;padding:.75rem;padding:var(--space-3)}.archive-filter__item{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4b5563;color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);-webkit-text-decoration:none;text-decoration:none;transition:all var(--transition-fast)}.archive-filter__item:hover{background:#f3f4f6;background:var(--bg-secondary);color:#111827;color:var(--text-primary)}.archive-filter__item.is-active{background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-tree--nested{background:transparent;border:none;border-left:2px solid var(--border-color);border-radius:0;margin:.5rem 0 0 1rem;margin:var(--space-2) 0 0 var(--space-4)}.archive-tree--nested>summary{font-size:.875rem;font-size:var(--text-sm);padding-left:.5rem;padding-left:var(--space-2)}.archive-tree--nested .archive-tree__body{padding-left:.75rem;padding-left:var(--space-3)}.archive-tree__body{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color)}.archive-timeline-jump{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem;padding:var(--space-2)}.archive-timeline-jump__year{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#111827;color:var(--text-primary);display:inline-flex;font-weight:600;justify-content:center;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);-webkit-text-decoration:none;text-decoration:none;transition:all var(--transition-fast)}.archive-timeline-jump__year:hover{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page)}.archive-timeline{padding-left:1.5rem;padding-left:var(--space-6);position:relative}.archive-timeline:before{background:#e5e7eb;background:var(--border-color);bottom:0;content:"";left:.75rem;left:var(--space-3);position:absolute;top:0;width:2px}.archive-timeline__year{color:#3b82f6;color:var(--accent-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:1.5rem 0 .75rem;margin:var(--space-6) 0 var(--space-3);position:relative}.archive-timeline__year:before{background:#3b82f6;background:var(--accent-primary);border:3px solid #fff;border:3px solid var(--bg-page);border-radius:50%;box-shadow:0 0 0 1px #3b82f6;box-shadow:0 0 0 1px var(--accent-primary);content:"";height:12px;left:-1rem;left:calc(var(--space-6)*-1 + var(--space-2));position:absolute;top:50%;transform:translateY(-50%);width:12px}.archive-timeline__month{margin-bottom:1.25rem;margin-bottom:var(--space-5);scroll-margin-top:3rem;scroll-margin-top:var(--space-12)}.archive-timeline__month-header{align-items:baseline;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--border-color);display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2);padding-bottom:.25rem;padding-bottom:var(--space-1)}.archive-timeline__month-label{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.archive-timeline__month-count{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs)}.archive-timeline__list{list-style:none;margin:0;padding:0}.archive-timeline__item{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);padding:.5rem 0;padding:var(--space-2) 0;position:relative}.archive-timeline__item:before{background:#fff;background:var(--bg-elevated);border:2px solid #3b82f6;border:2px solid var(--accent-primary);border-radius:50%;content:"";height:8px;left:-1rem;left:calc(var(--space-6)*-1 + var(--space-2));position:absolute;top:50%;transform:translateY(-50%);width:8px}.archive-timeline__date{color:#4b5563;color:var(--text-secondary);flex-shrink:0;font-feature-settings:"tnum";font-size:.875rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;width:3em}.archive-timeline__link{color:#111827;color:var(--text-primary);flex:1;font-weight:500;-webkit-text-decoration:none;text-decoration:none}.archive-timeline__link:hover{color:#3b82f6;color:var(--accent-primary)}.archive-timeline__section{background:#f3f4f6;background:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);padding:2px 8px}.archive-timeline__item[data-expired=true]{opacity:.55}.archive-timeline__item[data-expired=true] .archive-timeline__link{-webkit-text-decoration:line-through;text-decoration:line-through}.badge--pinned{color:#f59e0b;color:var(--accent-warning,#f59e0b)}.badge--expired{color:#9ca3af;color:var(--text-tertiary)}.quote-section{margin:1rem 0 1.5rem;margin:var(--space-4) 0 var(--space-6)}.quote-card{background:linear-gradient(135deg,#dbeafe,#fff 50%,#f3f4f6);background:linear-gradient(135deg,var(--accent-primary-soft) 0,var(--bg-elevated) 50%,var(--bg-secondary) 100%);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md,0 2px 4px rgba(0,0,0,.05));margin:0 auto;max-width:700px;padding:1.25rem 2rem;padding:var(--space-5) var(--space-8) var(--space-5) var(--space-8);position:relative;text-align:center}.quote-card__icon{color:#3b82f6;color:var(--accent-primary);font-family:Georgia,serif;font-size:2.5em;left:1rem;left:var(--space-4);line-height:1;opacity:.3;position:absolute;top:.75rem;top:var(--space-3)}.quote-card__text{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-style:italic;font-weight:500;line-height:1.6;margin:0;padding:0 .5rem;padding:0 var(--space-2);transition:opacity .2s ease;transition:opacity var(--transition-base,.2s ease)}.quote-card__refresh{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:50%;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3);transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:32px}.quote-card__refresh:hover{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--bg-page);transform:rotate(180deg)}.quote-card__refresh:active{transform:rotate(1turn) scale(.9)}[data-theme=dark] .quote-card,[data-theme=nord] .quote-card{background:linear-gradient(135deg,#f3f4f6,#fff);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-elevated) 100%);border-color:#d1d5db;border-color:var(--border-strong)}[data-theme=sepia] .quote-card{background:linear-gradient(135deg,#f4ddb8,#faf3e0)}.inline-icon{display:inline-block;stroke-width:2}.badge svg,.empty-state__icon svg,.inline-icon{height:1em;vertical-align:-.15em;width:1em}.badge--expired svg{color:#d97706;color:var(--accent-warning,#d97706)}.writing-calendar__title svg{color:#3b82f6;color:var(--accent-primary);height:1.2em;margin-right:.3em;vertical-align:-.2em;width:1.2em}.category-group__icon svg,.section-icon svg{color:#3b82f6;color:var(--accent-primary);height:1.3em;vertical-align:-.2em;width:1.3em}.article{margin:0 auto;max-width:880px;max-width:var(--article-max,880px);padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.article__back{margin-bottom:1rem;margin-bottom:var(--space-4)}.article__header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.article__title{color:#111827;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;line-height:1.3;margin:0 0 .75rem;margin:0 0 var(--space-3)}.article__meta{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}.article__tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);margin-top:.75rem;margin-top:var(--space-3)}.article__no-title{margin-top:2rem;margin-top:var(--space-8)}.article-toc{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);margin:1.25rem 0;margin:var(--space-5) 0;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative}.article-toc--collapsed .article-toc__nav{display:none}.article-toc__header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-toc__title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;gap:.25rem;gap:var(--space-1);margin:0}.article-toc__toggle{background:transparent;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:2px 6px}.article-toc__toggle:hover{background:#f3f4f6;background:var(--bg-secondary);color:#111827;color:var(--text-primary)}.article-toc__nav{font-size:.875rem;font-size:var(--text-sm)}.article-toc__nav ul{list-style:none;margin:0;padding:0}.article-toc__nav>ul>li{margin:.25rem 0;margin:var(--space-1) 0}.article-toc__nav ul ul{margin-top:.25rem;margin-top:var(--space-1);padding-left:1rem;padding-left:var(--space-4)}.article-toc__nav li{margin:2px 0}.article-toc__nav a{border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);display:block;line-height:1.4;padding:4px 8px;-webkit-text-decoration:none;text-decoration:none;transition:all 80ms ease-out}.article-toc__nav a:hover{background:#fff;background:var(--bg-elevated);color:#3b82f6;color:var(--accent-primary)}.article-toc__nav a.is-active{background:#dbeafe;background:var(--accent-primary-soft);color:#3b82f6;color:var(--accent-primary);font-weight:600}.prose{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);line-height:1.75;margin:0 auto;max-width:760px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;color:var(--text-primary);font-weight:700;line-height:1.3;margin-bottom:.75rem;margin-bottom:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6);scroll-margin-top:3rem;scroll-margin-top:var(--space-12)}.prose h1{font-size:1.875rem;font-size:var(--text-3xl);margin-top:0}.prose h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);font-size:1.5rem;font-size:var(--text-2xl);padding-bottom:.5rem;padding-bottom:var(--space-2)}.prose h3{font-size:1.25rem;font-size:var(--text-xl)}.prose h4{font-size:1.125rem;font-size:var(--text-lg)}.prose p{margin:1rem 0;margin:var(--space-4) 0}.prose ol,.prose ul{margin:.75rem 0;margin:var(--space-3) 0;padding-left:1.5rem;padding-left:var(--space-6)}.prose li{margin:.25rem 0;margin:var(--space-1) 0}.prose blockquote{background:#f9fafb;background:var(--bg-surface);border-left:4px solid #3b82f6;border-left:4px solid var(--accent-primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);font-style:italic;margin:1rem 0;margin:var(--space-4) 0;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.prose a{color:#3b82f6;color:var(--accent-primary);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#dbeafe;text-decoration-color:var(--accent-primary-soft);text-decoration-thickness:1px;text-underline-offset:2px}.prose a:hover{text-decoration-thickness:2px}.prose img{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md);height:auto;max-width:100%}.prose img,.prose table{margin:1rem 0;margin:var(--space-4) 0}.prose table{border-collapse:collapse;font-size:.875rem;font-size:var(--text-sm);width:100%}.prose td,.prose th{border:1px solid #e5e7eb;border:1px solid var(--border-color);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:#f9fafb;background:var(--bg-surface);font-weight:600}.prose hr{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin:1.5rem 0;margin:var(--space-6) 0}.prose pre{background:#f3f4f6;background:var(--code-bg,#f6f8fa);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--code-text,#24292f);font-family:JetBrains Mono,SF Mono,Consolas,Monaco,Courier New,monospace;font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:1rem 0;margin:var(--space-4) 0;overflow-x:auto;padding:1rem;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4);position:relative}[data-theme=dark] .prose pre,[data-theme=gray] .prose pre,[data-theme=nord] .prose pre{background:#f3f4f6;background:var(--code-bg,#161b22);color:#1f2937;color:var(--code-text,#c9d1d9)}[data-theme=sepia] .prose pre{background:#f4ddb8;color:#451a03}[data-theme=ocean] .prose pre{background:#e0f2fe;color:#0c4a6e}[data-theme=forest] .prose pre{background:#dcfce7;color:#14532d}.prose pre code{background:transparent;border-radius:0;color:inherit;font-size:inherit;padding:0;white-space:pre}.prose pre .line{display:block;min-height:1.6em}.code-copy{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;opacity:0;padding:4px 10px;position:absolute;right:8px;top:8px;transition:opacity 80ms ease-out,background 80ms ease-out,color 80ms ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-copy:focus,.prose pre:hover .code-copy{opacity:1}.code-copy:hover{background:#f3f4f6;background:var(--bg-secondary);color:#111827;color:var(--text-primary)}.code-copy.is-success{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important;opacity:1}.code-copy.is-error{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;opacity:1}.code-lang{background:#3b82f6;background:var(--accent-primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-inverse);font-size:10px;font-weight:700;letter-spacing:.05em;opacity:.85;padding:2px 8px;pointer-events:none;position:absolute;right:60px;text-transform:uppercase;top:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prose pre code .ln{color:#9ca3af;color:var(--text-tertiary)}.prose pre code .k,.prose pre code .kd,.prose pre code .kr,.prose pre code .kt{color:#cf222e;font-weight:600}.prose pre code .kn,.prose pre code .kp{color:#cf222e}.prose pre code .s,.prose pre code .s1,.prose pre code .s2,.prose pre code .sb,.prose pre code .sc,.prose pre code .se,.prose pre code .sh,.prose pre code .si,.prose pre code .sr,.prose pre code .ss{color:#0a3069}.prose pre code .nb{color:#0550ae}.prose pre code .nf{color:#8250df;font-weight:600}.prose pre code .nc,.prose pre code .nc2{color:#953800;font-weight:600}.prose pre code .nn{color:#24292f}.prose pre code .ne{color:#af00db}.prose pre code .nv,.prose pre code .vc,.prose pre code .vg,.prose pre code .vi{color:#953800}.prose pre code .o,.prose pre code .ow{color:#cf222e;font-weight:600}.prose pre code .c,.prose pre code .c1,.prose pre code .cm,.prose pre code .cp,.prose pre code .cs{color:#6e7781;font-style:italic}.prose pre code .m,.prose pre code .mb,.prose pre code .mf,.prose pre code .mh,.prose pre code .mi,.prose pre code .mo{color:#0550ae}.prose pre code .err,.prose pre code .gd{background:#ffebe9;color:#82071e}.prose pre code .gi{background:#dafbe1;color:#116329}.prose pre code .ge{font-style:italic}.prose pre code .gs{font-weight:600}[data-theme=dark] .prose pre code .k,[data-theme=dark] .prose pre code .kd,[data-theme=dark] .prose pre code .kn,[data-theme=dark] .prose pre code .kp,[data-theme=dark] .prose pre code .kr,[data-theme=dark] .prose pre code .kt,[data-theme=dark] .prose pre code .o,[data-theme=dark] .prose pre code .ow{color:#ff7b72}[data-theme=dark] .prose pre code .s,[data-theme=dark] .prose pre code .s1,[data-theme=dark] .prose pre code .s2,[data-theme=dark] .prose pre code .sb,[data-theme=dark] .prose pre code .sc,[data-theme=dark] .prose pre code .se,[data-theme=dark] .prose pre code .sh,[data-theme=dark] .prose pre code .si,[data-theme=dark] .prose pre code .sr,[data-theme=dark] .prose pre code .ss{color:#a5d6ff}[data-theme=dark] .prose pre code .m,[data-theme=dark] .prose pre code .mf,[data-theme=dark] .prose pre code .mh,[data-theme=dark] .prose pre code .mi,[data-theme=dark] .prose pre code .mo,[data-theme=dark] .prose pre code .nb{color:#79c0ff}[data-theme=dark] .prose pre code .nf{color:#d2a8ff}[data-theme=dark] .prose pre code .nc,[data-theme=dark] .prose pre code .nc2,[data-theme=dark] .prose pre code .nv{color:#ffa657}[data-theme=dark] .prose pre code .c,[data-theme=dark] .prose pre code .c1,[data-theme=dark] .prose pre code .cm,[data-theme=dark] .prose pre code .cp,[data-theme=dark] .prose pre code .cs{color:#8b949e}[data-theme=dark] .prose pre code .err{background:rgba(248,81,73,.15);color:#f85149}.reading-toggle{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full,9999px);bottom:24px;box-shadow:0 4px 6px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md,0 2px 8px rgba(0,0,0,.1));color:#111827;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:6px;opacity:.85;padding:10px 16px;position:fixed;right:24px;transition:all .15s ease-out;z-index:100}.reading-toggle:hover{box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);box-shadow:var(--shadow-lg,0 4px 12px rgba(0,0,0,.15));opacity:1;transform:translateY(-2px)}.reading-toggle.is-active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--text-inverse)}body.reading-mode{background:#fff;background:var(--bg-page)}body.reading-mode .article-toc,body.reading-mode .article__back,body.reading-mode .article__header,body.reading-mode .footer,body.reading-mode .nav,body.reading-mode .pagination{display:none!important}body.reading-mode .container{max-width:100%!important;padding:0!important}body.reading-mode main{margin:0 auto;max-width:780px;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}body.reading-mode .article{max-width:100%!important;padding:0!important}body.reading-mode .prose{font-size:1.0625rem;line-height:1.8;max-width:100%!important}body.reading-mode .article-toc:not(.article-toc--collapsed){display:block!important;margin:1.5rem auto;margin:var(--space-6) auto;max-width:720px}@media (max-width:768px){.reading-toggle{bottom:16px;font-size:12px;padding:8px 12px;right:16px}}.writing-calendar{background:#fff;background:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin:1.5rem 0;margin:var(--space-6) 0;padding:1rem;padding:var(--space-4)}.writing-calendar__header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.writing-calendar__title{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;margin:0}.writing-calendar__stats{color:#4b5563;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.75rem;gap:var(--space-3)}.writing-calendar__stat strong{color:#3b82f6;color:var(--accent-primary);font-weight:700}.writing-calendar__years{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5)}.writing-calendar__year-panel{border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);padding-top:.75rem;padding-top:var(--space-3)}.writing-calendar__year-panel:first-child{border-top:none;padding-top:0}.writing-calendar__year-header{align-items:baseline;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.writing-calendar__year-label{color:#3b82f6;color:var(--accent-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700}.writing-calendar__year-total{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs)}.writing-calendar__month-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.5rem;margin-bottom:var(--space-2)}.writing-calendar__month-btn{align-items:center;background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;height:22px;justify-content:center;min-width:36px;padding:0 8px;-webkit-text-decoration:none;text-decoration:none;transition:all 80ms ease-out}.writing-calendar__month-btn:hover:not(.is-empty){background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--text-inverse)}.writing-calendar__month-btn.is-empty{cursor:not-allowed;opacity:.35}.writing-calendar__graph{display:grid;grid-template-columns:auto 1fr;grid-gap:2px;gap:2px;margin-bottom:.5rem;margin-bottom:var(--space-2)}.writing-calendar__months{display:grid;grid-column:2/3;grid-row:1;height:16px;grid-gap:2px;color:#9ca3af;color:var(--text-tertiary);font-size:10px;gap:2px;margin-bottom:2px}.writing-calendar__month-label{font-weight:600;overflow:hidden;white-space:nowrap}.writing-calendar__weeks{display:grid;grid-column:2/3;grid-row:2;grid-gap:2px;gap:2px}.writing-calendar__week{display:grid;grid-template-rows:repeat(7,1fr);grid-gap:2px;gap:2px}.writing-calendar__weekdays{display:grid;grid-column:1;grid-row:2;grid-template-rows:repeat(7,1fr);grid-gap:2px;color:#9ca3af;color:var(--text-tertiary);font-size:9px;gap:2px;padding-right:4px;text-align:right;width:18px}.writing-calendar__weekday{align-items:center;display:flex;justify-content:flex-end;line-height:1}.writing-calendar__cell{aspect-ratio:1;background:#f9fafb;background:var(--bg-surface);border-radius:2px;min-height:9px;min-width:9px;transition:transform 80ms ease-out}.writing-calendar__cell:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;transform:scale(1.5);z-index:2}.writing-calendar__cell--l0{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color)}.writing-calendar__cell--l1{background:#c9dcfa}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__cell--l1{background:color-mix(in srgb,var(--accent-primary) 25%,var(--bg-surface))}}.writing-calendar__cell--l2{background:#9abef9}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__cell--l2{background:color-mix(in srgb,var(--accent-primary) 50%,var(--bg-surface))}}.writing-calendar__cell--l3{background:#6aa0f7}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__cell--l3{background:color-mix(in srgb,var(--accent-primary) 75%,var(--bg-surface))}}.writing-calendar__cell--l4{background:#3b82f6;background:var(--accent-primary)}.writing-calendar__cell--out{background:transparent!important;border:1px solid transparent;pointer-events:none}.writing-calendar__legend{align-items:center;color:#9ca3af;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:10px;gap:4px;margin-top:.5rem;margin-top:var(--space-2)}.writing-calendar__legend-label{margin:0 4px}.writing-calendar__legend-cell{border-radius:2px;display:inline-block;height:12px;width:12px}.writing-calendar__legend-cell[data-level="0"]{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color)}.writing-calendar__legend-cell[data-level="1"]{background:#c9dcfa}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__legend-cell[data-level="1"]{background:color-mix(in srgb,var(--accent-primary) 25%,var(--bg-surface))}}.writing-calendar__legend-cell[data-level="2"]{background:#9abef9}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__legend-cell[data-level="2"]{background:color-mix(in srgb,var(--accent-primary) 50%,var(--bg-surface))}}.writing-calendar__legend-cell[data-level="3"]{background:#6aa0f7}@supports (color:color-mix(in lch,red,blue)){.writing-calendar__legend-cell[data-level="3"]{background:color-mix(in srgb,var(--accent-primary) 75%,var(--bg-surface))}}.writing-calendar__legend-cell[data-level="4"]{background:#3b82f6;background:var(--accent-primary)}.writing-calendar__hint{color:#9ca3af;color:var(--text-tertiary);font-size:10px;margin-left:auto}.writing-calendar__empty{color:#9ca3af;color:var(--text-tertiary);padding:2rem;padding:var(--space-8);text-align:center}@media (max-width:768px){.writing-calendar__header{align-items:flex-start;flex-direction:column}.writing-calendar__stats{justify-content:space-between;width:100%}.writing-calendar__cell{min-height:7px;min-width:7px}.writing-calendar__weekdays{font-size:8px;width:16px}.writing-calendar__month-btn{font-size:10px;min-width:32px}}