:root{--bg-color: #FAFAFA;--text-main: #111827;--text-muted: #6B7280;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .02);--accent-1: #065F46;--accent-2: #047857;--accent-3: #10B981;--card-bg: #FFFFFF;--card-border: rgba(0, 0, 0, .08);--card-hover-bg: #F9FAFB;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-body: "Inter", system-ui, sans-serif;--code-bg: #F3F4F6;--code-border: rgba(0, 0, 0, .05);--code-text: #1F2937;--code-inline-text: #B45309;--border-light: rgba(0, 0, 0, .08);--border-dashed: rgba(0, 0, 0, .12);--text-secondary: rgba(17, 24, 39, .8);--text-tertiary: rgba(17, 24, 39, .6);--text-faint: rgba(17, 24, 39, .4)}html[data-theme=dark]{--bg-color: #0B1120;--text-main: #F8FAFC;--text-muted: #94A3B8;--glass-bg: rgba(11, 17, 32, .95);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--accent-1: #10B981;--accent-2: #34D399;--accent-3: #6EE7B7;--card-bg: #1E293B;--card-border: rgba(255, 255, 255, .08);--card-hover-bg: #334155;--code-bg: #0F172A;--code-border: rgba(255, 255, 255, .05);--code-text: #E2E8F0;--code-inline-text: #FBBF24;--border-light: rgba(255, 255, 255, .08);--border-dashed: rgba(255, 255, 255, .12);--text-secondary: rgba(248, 250, 252, .8);--text-tertiary: rgba(248, 250, 252, .6);--text-faint: rgba(248, 250, 252, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .3s ease}main{max-width:860px;margin:5rem auto;padding:4rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;position:relative;z-index:1;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}@media(max-width:768px){main{margin:2rem 1rem;padding:2rem;border-radius:16px}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--text-main);letter-spacing:-.02em;margin-bottom:2rem}h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;color:var(--text-main)}p{font-size:1.125rem;color:var(--text-muted);font-weight:400;margin-bottom:1.5rem}a{color:var(--text-main);text-decoration:none;font-weight:600;position:relative;transition:all .3s ease}article p a{border-bottom:2px solid var(--border-light);transition:border-color .3s ease,color .3s ease}article p a:hover{border-color:var(--text-main)}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.05em;text-transform:lowercase;background:none;background-image:none}.nav-links{display:flex;align-items:center;gap:.6rem}.nav-links a{font-size:.95rem;font-family:var(--font-display);color:var(--text-muted);padding:.15rem .4rem;background-image:none}.nav-links a:before,.nav-links a:after{content:"";position:absolute;width:.5rem;height:.5rem;border:1px solid var(--text-faint);opacity:0;transition:opacity .25s ease,transform .25s ease}.nav-links a:before{top:-.2rem;left:-.2rem;border-right:0;border-bottom:0;transform:translate(4px,4px)}.nav-links a:after{right:-.2rem;bottom:-.2rem;border-left:0;border-top:0;transform:translate(-4px,-4px)}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:before,.nav-links a:hover:after{opacity:1;transform:translate(0)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-light);border-radius:10px;background:var(--card-bg);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .2s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent-3);transform:scale(1.08)}.theme-toggle svg{width:16px;height:16px;color:var(--text-muted);transition:color .25s ease,transform .4s ease}.theme-toggle:hover svg{color:var(--text-main)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:block}.kbd-hint{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:0 .65rem;height:36px;border:1px solid var(--border-light);border-radius:10px;background:var(--card-bg);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;user-select:none;flex-shrink:0}.kbd-hint:hover{border-color:var(--accent-3);color:var(--text-main);background:var(--card-hover-bg);transform:scale(1.08)}html[data-theme=dark] .kbd-hint{color:var(--text-muted);border-color:var(--border-light);background:var(--card-bg)}html[data-theme=dark] .kbd-hint:hover{color:var(--text-main);border-color:var(--accent-3);background:var(--card-hover-bg);transform:scale(1.08)}.post-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem;counter-reset:post-index}.post-item{display:grid;grid-template-columns:100px 1fr;align-items:baseline;column-gap:2rem;row-gap:0;padding:1.5rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--glass-border);transition:background .35s ease,box-shadow .35s ease;position:relative;overflow:hidden;isolation:isolate;counter-increment:post-index}.post-item>*{position:relative;z-index:1}.post-item:hover{background:var(--card-hover-bg);box-shadow:0 14px 32px #1c1e2614}html[data-theme=dark] .post-item:hover{box-shadow:0 14px 32px #0000004d}.post-item:hover:before,.post-item:hover:after{opacity:1}.post-excerpt-peek{grid-column:1 / -1;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .4s cubic-bezier(.4,0,.2,1);opacity:0;font-size:.92rem;color:var(--text-muted);line-height:1.6;padding:0;margin:0}.post-item:hover .post-excerpt-peek{max-height:100px;opacity:1;margin-top:1rem}@media(max-width:600px){.post-item{grid-template-columns:1fr;gap:.5rem}}.post-date{font-family:var(--font-mono);font-size:.85rem;color:var(--text-faint)}.post-title{font-size:1.5rem;margin:0;display:flex;align-items:baseline;gap:.8rem}.post-title:before{content:counter(post-index,decimal-leading-zero);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;color:var(--text-faint)}.post-title a{background-image:none;display:inline-block;color:var(--text-main);transition:text-decoration-color .2s ease}.post-title a:hover{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--text-faint);text-underline-offset:.2em}.featured-hero{position:relative;padding:2rem;margin-bottom:2.5rem;border-radius:20px;background:var(--card-bg);border:1px solid var(--border-light);overflow:hidden;isolation:isolate;transition:box-shadow .3s ease,border-color .3s ease}.featured-hero:hover{border-color:var(--accent-3);box-shadow:0 8px 32px var(--border-light)}.featured-hero .featured-kicker{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.featured-hero .featured-kicker .featured-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-3)}.featured-hero h2{margin:0 0 .75rem;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.1;color:var(--text-main)}.featured-hero h2 a{background-image:none;color:inherit}.featured-hero h2 a:hover{text-decoration:underline;text-decoration-color:var(--text-faint);text-underline-offset:.15em}.featured-hero .featured-excerpt{margin:0 0 1rem;max-width:55ch;font-size:1rem;line-height:1.65;color:var(--text-muted)}.featured-hero .featured-meta{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.76rem;color:var(--text-faint)}.featured-hero .reading-time-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:var(--code-bg);border:1px solid var(--border-light);border-radius:999px;font-size:.72rem}.reading-progress-spine{position:fixed;left:0;top:0;width:3px;height:0%;background:linear-gradient(180deg,var(--accent-3),var(--accent-1),var(--accent-2));z-index:1000;transition:height .1s linear;border-radius:0 2px 2px 0}.time-machine-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-light);display:grid;gap:1.5rem}.time-machine-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint)}.time-machine-meta .meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.time-machine-nav{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.time-machine-card{padding:1rem 1.15rem;border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.time-machine-card:hover{border-color:var(--accent-3);box-shadow:0 6px 20px #42a5f514;background:var(--card-hover-bg)}.time-machine-card .card-label{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.4rem}.time-machine-card .card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-main);line-height:1.3}.time-machine-card.is-next{text-align:right}@media(max-width:600px){.time-machine-nav{grid-template-columns:1fr}}.code-block-wrapper{position:relative;margin:2rem 0}.code-block-wrapper pre{margin:0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:var(--code-bg);border:1px solid var(--code-border);border-bottom:none;border-radius:12px 12px 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.code-block-wrapper pre{border-radius:0 0 12px 12px!important}.code-copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border:1px solid var(--border-light);border-radius:6px;background:transparent;color:var(--text-faint);font-family:var(--font-mono);font-size:.68rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.code-copy-btn:hover{color:var(--text-main);border-color:var(--text-tertiary);background:var(--card-bg)}.code-copy-btn.copied{color:#10b981;border-color:#10b98166}.code-copy-btn .copy-icon{display:inline}.code-copy-btn .check-icon,.code-copy-btn.copied .copy-icon{display:none}.code-copy-btn.copied .check-icon{display:inline}.cmd-palette-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cmd-palette-overlay.is-open{display:flex}.cmd-palette{width:95%;max-width:540px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 24px 64px #00000026;overflow:hidden;animation:palette-in .2s ease}@keyframes palette-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}html[data-theme=dark] .cmd-palette{box-shadow:0 24px 64px #00000080}.cmd-palette-input{width:100%;padding:1rem 1.2rem;border:none!important;background:transparent!important;font-family:var(--font-body);font-size:1.05rem;color:var(--text-main)!important;outline:none!important;box-shadow:none!important;border-radius:0!important}.cmd-palette-input::placeholder{color:var(--text-faint)}.cmd-palette-results{list-style:none;margin:0;padding:.4rem;max-height:320px;overflow-y:auto;border-top:1px solid var(--border-light)}.cmd-palette-results:empty{display:none}.cmd-palette-item{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:10px;cursor:pointer;transition:background .15s ease}.cmd-palette-item:hover,.cmd-palette-item.is-active{background:var(--card-hover-bg)}.cmd-palette-item .item-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-faint)}.cmd-palette-item .item-label{font-size:.95rem;color:var(--text-main);font-weight:500}.cmd-palette-item .item-type{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}article pre{background:var(--code-bg);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;border:1px solid var(--code-border);font-family:var(--font-mono);font-size:.9rem;color:var(--code-text);overflow-x:auto;margin:2rem 0;box-shadow:inset 0 2px 4px #00000005}article code{font-family:var(--font-mono);font-size:.9em;padding:.2em .4em;background:var(--code-bg);border-radius:6px;color:var(--code-inline-text)}article pre code{background:transparent;color:inherit;padding:0}.admin-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem}.stat-card{padding:1rem 1.1rem;border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;transition:border-color .25s ease,box-shadow .25s ease}.stat-card:hover{border-color:var(--accent-3);box-shadow:0 4px 16px #42a5f514}.stat-card .stat-label{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem}.stat-card .stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-main);line-height:1}.stat-card .stat-sub{margin-top:.35rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.stat-ratio-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-top:.6rem;background:var(--border-light)}.stat-ratio-bar .ratio-fill{height:100%;background:linear-gradient(90deg,#10B981,var(--accent-3));border-radius:2px;transition:width .6s ease}@media(max-width:768px){.admin-stats-row{grid-template-columns:repeat(2,1fr)}}.admin-sparkline{display:inline-block;vertical-align:middle;margin-left:.5rem}.admin-sparkline svg{display:block}.editor-heatmap{padding:1rem;border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;margin-bottom:1.5rem}.heatmap-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.8rem}.heatmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem .8rem}.heatmap-metric{display:flex;flex-direction:column;gap:.15rem}.heatmap-metric .metric-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.heatmap-metric .metric-value{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-main)}.heatmap-checks{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.heatmap-check{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .5rem;border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em}.heatmap-check.is-pass{background:#10b9811f;color:#0c9469}.heatmap-check.is-fail{background:#f59e0b1f;color:#b56902}.readiness-ring{display:flex;align-items:center;justify-content:center;margin-top:.8rem}.readiness-ring svg{transform:rotate(-90deg)}.readiness-ring .ring-bg{fill:none;stroke:var(--border-light);stroke-width:4}.readiness-ring .ring-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .4s ease}.readiness-ring .ring-label{font-family:var(--font-mono);font-size:.7rem;fill:var(--text-main);text-anchor:middle;dominant-baseline:central;transform:rotate(90deg);transform-origin:center}.bento-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem}.bento-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:.7rem .5rem;border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);text-align:center;transition:border-color .3s ease,box-shadow .3s ease,transform .25s ease,background .3s ease;cursor:default;overflow:hidden}.bento-cell:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.bento-cell:hover{transform:translateY(-2px);border-color:var(--bento-color, var(--accent-3));box-shadow:0 4px 16px color-mix(in srgb,var(--bento-color, var(--accent-3)) 15%,transparent)}.bento-cell:hover:after{opacity:1;background:radial-gradient(circle at center,color-mix(in srgb,var(--bento-color, var(--accent-3)) 8%,transparent),transparent 70%)}.timeline-v2{position:relative;padding-left:2rem}.timeline-v2:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--border-dashed),transparent);border-radius:1px}.timeline-v2-item{position:relative;padding:.9rem 0;border:none;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.timeline-v2-item.is-visible{opacity:1;transform:translateY(0)}.timeline-v2-dot{position:absolute;left:-2rem;top:1.1rem;width:12px;height:12px;border-radius:50%;background:var(--card-bg);border:2px solid var(--accent-3);z-index:1;transform:translate(calc(-50% + 6px))}.timeline-v2-item.is-current .timeline-v2-dot{background:var(--accent-3);box-shadow:0 0 0 4px #10b98133}.timeline-v2-period{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.3rem}.timeline-v2-role{font-size:1rem;font-family:var(--font-display);font-weight:600;color:var(--text-main);margin-bottom:.3rem}.timeline-v2-notes{font-size:.92rem;color:var(--text-muted);margin:0}input,textarea,button{font-family:var(--font-body)}input,textarea{background:var(--card-bg)!important;border:1px solid var(--glass-border)!important;color:var(--text-main)!important;border-radius:12px!important;box-shadow:inset 0 2px 4px #00000005!important;transition:all .2s ease!important}input:focus,textarea:focus{outline:none!important;background:var(--card-hover-bg)!important;border-color:var(--accent-3)!important;box-shadow:0 0 0 3px #42a5f533!important}button[type=submit],#ai-assist{background:var(--text-main)!important;color:var(--bg-color)!important;border-radius:12px!important;font-weight:600!important;border:none!important;box-shadow:none!important;transition:transform .2s ease,opacity .2s ease!important}button[type=submit]:hover,#ai-assist:hover{transform:translateY(-2px)!important;opacity:.9!important}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}.nav-links a,.nav-links a:before,.nav-links a:after,.post-item,.post-item:before,.post-item:after,.featured-hero:before,.timeline-v2-item,.bento-cell{transition:none;animation:none}.featured-hero:before{animation:none}.timeline-v2-item{opacity:1;transform:none}}