:root{color-scheme:light;--content:72rem;--nav-content:68rem;--radius:.5rem;--radius-sm:.35rem;--radius-lg:.85rem;--radius-xl:1.15rem;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:Charter, "Bitstream Charter", "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--surface:#fbfcfc;--surface-raised:#eee;--surface-card:#fff;--surface-hover:#e6e9ea;--nav-bg:#fbfcfceb;--text:#303841;--muted:#52606d;--muted-light:#5a6874;--line:#d5dcde;--line-subtle:#e8ecee;--accent:#007e85;--accent-hover:#005f64;--accent-soft:#e2f6f7;--accent-contrast:#fff;--secondary:#ff5722;--badge-active-bg:#e2f6f7;--badge-active-text:#005f64;--badge-active-border:#00adb5;--badge-ai-bg:#eff6ff;--badge-ai-text:#173b9e;--badge-ai-border:#93c5fd;--badge-web-bg:#fdf2f8;--badge-web-text:#7e1687;--badge-web-border:#f5d0fe;--badge-utility-bg:#f3f4f6;--badge-utility-text:#2c333f;--badge-utility-border:#d1d5db;--obsidian:#7c3aed;--obsidian-soft:#f3e8ff;--obsidian-border:#d8b4fe}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface:#0e1114;--surface-raised:#161c22;--surface-card:#1d242c;--surface-hover:#26303a;--nav-bg:#0e1114eb;--text:#f2f5f7;--muted:#93a2af;--muted-light:#a0afbd;--line:#24303c;--line-subtle:#1a222b;--accent:#00adb5;--accent-hover:#20c7cf;--accent-soft:#00adb526;--accent-contrast:#0e1114;--secondary:#ff5722;--badge-active-bg:#00adb526;--badge-active-text:#4ae0e7;--badge-active-border:#00adb559;--badge-ai-bg:#14244d;--badge-ai-text:#a5caff;--badge-ai-border:#234794;--badge-web-bg:#400b44;--badge-web-text:#f5a3ff;--badge-web-border:#72197a;--badge-utility-bg:#222731;--badge-utility-text:#e2e8f0;--badge-utility-border:#3d4757;--obsidian:#a78bfa;--obsidian-soft:#2e1065;--obsidian-border:#6b21a8}}[data-theme=dark]{color-scheme:dark;--surface:#0e1114;--surface-raised:#161c22;--surface-card:#1d242c;--surface-hover:#26303a;--nav-bg:#0e1114eb;--text:#f2f5f7;--muted:#93a2af;--muted-light:#a0afbd;--line:#24303c;--line-subtle:#1a222b;--accent:#00adb5;--accent-hover:#20c7cf;--accent-soft:#00adb526;--accent-contrast:#0e1114;--secondary:#ff5722;--badge-active-bg:#00adb526;--badge-active-text:#4ae0e7;--badge-active-border:#00adb559;--badge-ai-bg:#14244d;--badge-ai-text:#a5caff;--badge-ai-border:#234794;--badge-web-bg:#400b44;--badge-web-text:#f5a3ff;--badge-web-border:#72197a;--badge-utility-bg:#222731;--badge-utility-text:#e2e8f0;--badge-utility-border:#3d4757;--obsidian:#a78bfa;--obsidian-soft:#2e1065;--obsidian-border:#6b21a8}[data-theme=light]{color-scheme:light;--surface:#fbfcfc;--surface-raised:#eee;--surface-card:#fff;--surface-hover:#e6e9ea;--nav-bg:#fbfcfceb;--text:#303841;--muted:#52606d;--muted-light:#5a6874;--line:#d5dcde;--line-subtle:#e8ecee;--accent:#007e85;--accent-hover:#005f64;--accent-soft:#e2f6f7;--accent-contrast:#fff;--secondary:#ff5722;--badge-active-bg:#e2f6f7;--badge-active-text:#005f64;--badge-active-border:#00adb5;--badge-ai-bg:#eff6ff;--badge-ai-text:#173b9e;--badge-ai-border:#93c5fd;--badge-web-bg:#fdf2f8;--badge-web-text:#7e1687;--badge-web-border:#f5d0fe;--badge-utility-bg:#f3f4f6;--badge-utility-text:#2c333f;--badge-utility-border:#d1d5db;--obsidian:#7c3aed;--obsidian-soft:#f3e8ff;--obsidian-border:#d8b4fe}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--surface);color:var(--text)}body{background:var(--surface);color:var(--text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{z-index:1000;background:var(--text);color:var(--surface);border-radius:var(--radius-sm);padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:1.25rem}.skip-link:focus{outline:2px solid var(--accent);top:1rem}.container{width:min(calc(100% - 2.5rem), var(--content));margin-inline:auto}.home-hero{max-width:56rem;padding-block:5rem 3.5rem}.home-hero h1{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--text);margin:0;font-size:clamp(2.2rem,5.5vw,4.25rem);line-height:1.1}.home-hero p.hero-lead{max-width:44rem;color:var(--muted);margin:1.4rem 0 0;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.6}.btn-group{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.btn-primary{border-radius:var(--radius);background:var(--accent);min-height:2.75rem;color:var(--accent-contrast);border:1px solid var(--accent);align-items:center;padding-inline:1.35rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-contrast);transform:translateY(-1px)}.btn-secondary{border-radius:var(--radius);background:var(--surface-card);min-height:2.75rem;color:var(--text);border:1px solid var(--line);align-items:center;padding-inline:1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--text);background:var(--surface-raised);transform:translateY(-1px)}.platform-syndication-section{border-top:1px solid var(--line);text-align:center;padding-block:2.75rem 3.25rem}.platform-syndication-header{margin-bottom:1.5rem}.platform-syndication-label{color:var(--muted-light);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.78rem;font-weight:700}.platform-marquee-wrapper{width:100%;margin:0 -1.5rem;padding:.85rem 1.5rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.platform-marquee-track{will-change:transform;align-items:center;gap:3.5rem;width:max-content;display:flex}.platform-marquee-wrapper:hover .platform-marquee-track,.platform-marquee-wrapper:focus-within .platform-marquee-track{animation-play-state:paused}.platform-marquee-anim{animation:32s linear infinite platform-marquee-scroll}@keyframes platform-marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(calc(-50% - 1.75rem))}}@media (prefers-reduced-motion:reduce){.platform-marquee-track{overflow-x:auto;animation:none!important}.platform-marquee-wrapper{-webkit-mask-image:none;mask-image:none}}.platform-logo-item{filter:grayscale();color:var(--muted);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 1rem;text-decoration:none;transition:filter .25s,transform .25s,color .25s;display:inline-flex}.platform-logo-item:hover{filter:grayscale(0%);transform:scale(1.08)}.platform-svg{opacity:.45;flex-shrink:0;transition:transform .25s,opacity .25s}.platform-logo-item:hover .platform-svg{opacity:1;transform:scale(1.08)}.platform-name{letter-spacing:-.02em;font-size:1.15rem;font-weight:700;transition:color .2s}.platform-github:hover,.platform-devto:hover{color:var(--text)}.platform-coderlegion .coderlegion-name{font-family:var(--font-mono);letter-spacing:-.03em}.platform-coderlegion:hover{color:#ff5722}.platform-coderlegion:hover .coder-txt{color:var(--text)}.platform-coderlegion:hover .legion-txt{color:#ff5722}.platform-medium:hover{color:var(--accent)}.platform-medium .medium-name{font-family:var(--font-serif);font-weight:700}.platform-obsidian:hover{color:var(--obsidian,#7c3aed)}.home-section{border-top:1px solid var(--line);padding-block:4rem}.section-header{margin-bottom:2.5rem}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text);margin:0;font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.2}.section-desc{max-width:44rem;color:var(--muted);margin:.5rem 0 0;font-size:1rem;line-height:1.55}.badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.badge-active{background:var(--badge-active-bg);color:var(--badge-active-text);border:1px solid var(--badge-active-border)}.badge-ai{background:var(--badge-ai-bg);color:var(--badge-ai-text);border:1px solid var(--badge-ai-border)}.badge-web{background:var(--badge-web-bg);color:var(--badge-web-text);border:1px solid var(--badge-web-border)}.badge-utility{background:var(--badge-utility-bg);color:var(--badge-utility-text);border:1px solid var(--badge-utility-border)}.badge-medium{background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent)}.badge-obsidian{background:var(--obsidian-soft);color:var(--obsidian);border:1px solid var(--obsidian-border)}.editorial-layout{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:2rem;display:grid}.lead-article{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.lead-article:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.lead-thumb-wrapper{aspect-ratio:16/9;background:var(--surface-raised);border-bottom:1px solid var(--line);width:100%;overflow:hidden}.lead-thumb{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.lead-article:hover .lead-thumb{transform:scale(1.02)}.lead-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.6rem;display:flex}.lead-meta-row{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.lead-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text);margin:0 0 .75rem;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.25}.lead-title a{text-decoration:none}.lead-title a:hover{color:var(--accent)}.lead-summary{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.companion-list{flex-direction:column;gap:1.5rem;display:flex}.companion-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.companion-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.companion-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0 0 .5rem;font-size:1.2rem;line-height:1.25}.companion-title a{text-decoration:none}.companion-title a:hover{color:var(--accent)}.companion-summary{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.5rem;display:grid}.showcase-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2rem;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;display:flex;position:relative}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000000d}.showcase-sync:hover{border-color:var(--obsidian)}.showcase-timer:hover{border-color:#3b82f6}.showcase-poneglyph:hover{border-color:#b43403}[data-theme=dark] .showcase-card:hover{box-shadow:0 12px 30px #0000004d}.showcase-top{align-items:flex-start;gap:1.25rem;display:flex}.app-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex}.showcase-card:hover .app-icon{transform:scale(1.06)}.app-icon-sync{color:#c084fc;background:linear-gradient(135deg,#241442 0%,#150f28 100%);border:1px solid #a855f74d;box-shadow:0 4px 16px #7c3aed2e,inset 0 1px #ffffff1f}.app-icon-timer{color:#93c5fd;background:linear-gradient(135deg,#0b1528 0%,#070d18 100%);border:1px solid #60a5fa4d;box-shadow:0 4px 16px #2563eb2e,inset 0 1px #ffffff1f}.app-icon-poneglyph{background:#1c1917;border:1px solid #b4340359;box-shadow:0 4px 16px #b4340329,inset 0 1px #ffffff1f}.app-icon-poneglyph img{object-fit:contain;width:34px;height:34px}.showcase-meta-block{flex-direction:column;gap:.2rem;display:flex}.showcase-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.35rem}.showcase-meta{color:var(--muted);letter-spacing:.01em;font-size:.8rem}.showcase-desc{color:var(--muted);margin:0;font-size:.94rem;line-height:1.65}.showcase-cta-row{border-top:1px solid var(--line-subtle);align-items:center;padding-top:1rem;display:flex}.showcase-btn{border-radius:var(--radius);justify-content:center;align-items:center;min-height:2.5rem;padding-inline:1.15rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.showcase-btn-sync{background:var(--surface-raised);color:var(--text);border:1px solid var(--line)}.showcase-btn-sync:hover{background:var(--obsidian);border-color:var(--obsidian);color:#fff}.showcase-btn-timer{background:var(--surface-raised);color:var(--text);border:1px solid var(--line)}.showcase-btn-timer:hover{color:#fff;background:#2563eb;border-color:#2563eb}.showcase-btn-poneglyph:hover{color:#fff;background:#b43403;border-color:#b43403}.btn-obsidian{color:#fff;border-radius:var(--radius);background:#6d28d9;border:1px solid #6d28d9;align-items:center;min-height:2.75rem;padding-inline:1.25rem;font-size:.92rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-obsidian:hover{color:#fff;background:#5b21b6;transform:translateY(-1px)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.75rem;display:grid}.card-thumb-wrapper{aspect-ratio:16/9;background:var(--surface-raised);border-bottom:1px solid var(--line);width:100%;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.medium-card .card-thumb-wrapper{aspect-ratio:8/5}.medium-card .card-thumb{object-fit:contain}.card-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.4rem;display:flex}.card-meta{font-family:var(--font-mono);color:var(--muted-light);margin-bottom:.5rem;font-size:.8rem;display:block}.card-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text);margin:0 0 .65rem;font-size:1.3rem;line-height:1.25}.card-title a{text-decoration:none}.card-title a:hover{color:var(--accent)}.card-summary{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.card-action{border-top:1px solid var(--line-subtle);color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;font-size:.88rem;font-weight:650;display:flex}.card-action a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.project-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.project-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.project-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.project-desc{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.project-meta-row{color:var(--muted-light);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.lang-indicator{align-items:center;gap:.35rem;display:inline-flex}.lang-dot{background:var(--accent);border-radius:50%;width:.55rem;height:.55rem}.project-footer{border-top:1px solid var(--line-subtle);color:var(--accent);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;font-size:.88rem;font-weight:650;display:flex}.ambient-marquee-wrapper{width:100%;margin:0 -1.5rem;padding:.5rem 1.5rem 1.25rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%)}.ambient-marquee-track{will-change:transform;gap:1.5rem;width:max-content;display:flex}.ambient-marquee-wrapper:hover .ambient-marquee-track,.ambient-marquee-wrapper:focus-within .ambient-marquee-track{animation-play-state:paused}.marquee-scroll-left{animation:48s linear infinite marquee-anim-left}@keyframes marquee-anim-left{0%{transform:translate(0,0)}to{transform:translate(calc(-50% - .75rem))}}.marquee-scroll-right{animation:52s linear infinite marquee-anim-right}@keyframes marquee-anim-right{0%{transform:translate(calc(-50% - .75rem))}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.ambient-marquee-track{scroll-snap-type:x mandatory;overflow-x:auto;animation:none!important}.ambient-marquee-wrapper{-webkit-mask-image:none;mask-image:none}}.article-marquee-card,.project-card,.medium-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 320px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}@media (width>=640px){.article-marquee-card,.project-card,.medium-card{flex:0 0 340px}}.article-marquee-card:hover,.project-card:hover,.medium-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 28px #0000001f}.article-marquee-card:hover .card-thumb{transform:scale(1.03)}@media (width<=60rem){.editorial-layout{grid-template-columns:1fr;gap:1.5rem}}@media (width<=48rem){.container{width:min(calc(100% - 1.5rem), var(--content))}.home-hero{padding-block:3.5rem 2.5rem}.home-hero h1{font-size:clamp(2rem,7.5vw,2.75rem)}.home-hero p.hero-lead{font-size:1.05rem}.btn-group{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}.btn-primary,.btn-secondary{justify-content:center;padding-inline:.75rem;font-size:.9rem}.showcase-card{gap:1rem;padding:1.25rem}.showcase-desc{font-size:.92rem}.showcase-highlights{gap:.4rem}.showcase-tag{padding:.2rem .55rem;font-size:.78rem}.showcase-footer{flex-direction:column;align-items:stretch}.showcase-footer .btn-obsidian,.showcase-footer .btn-secondary{justify-content:center;width:100%}.home-section{padding-block:3rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=25rem){.btn-group{grid-template-columns:1fr}}@keyframes heroFadeIn{0%{opacity:.85;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-animate-item]{animation:.45s cubic-bezier(.16,1,.3,1) both heroFadeIn}[data-animate-item]:first-child{animation-delay:30ms}[data-animate-item]:nth-child(2){animation-delay:80ms}[data-animate-item]:nth-child(3){animation-delay:.14s}@keyframes cardReveal{0%{transform:translateY(14px)}to{transform:translateY(0)}}.reveal-in{animation:.45s cubic-bezier(.16,1,.3,1) both cardReveal}@media (prefers-reduced-motion:reduce){[data-animate-item],.reveal-in{animation:none!important}}