:root,[data-theme=lofi]{--bg: #ffffff;--bg-elev: #ffffff;--bg-soft: #f2f2f2;--text: #0d0d0d;--muted: #6b7280;--brand: #0d0d0d;--brand-2: #1a1a1a;--line: #e6e6e6;--shadow: 0 4px 14px rgba(0, 0, 0, .06);--bg-grad: radial-gradient(circle at 12% 12%, rgba(0, 0, 0, .04), transparent 30%), linear-gradient(180deg, #ffffff 0%, #fafafa 100%)}[data-theme=dark]{--bg: #1d232a;--bg-elev: #191e24;--bg-soft: #2a323c;--text: #a6adba;--muted: #7a8290;--brand: #7c3aed;--brand-2: #d926aa;--line: #2a323c;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--bg-grad: radial-gradient(circle at 10% 15%, rgba(124, 58, 237, .18), transparent 30%), radial-gradient(circle at 88% 8%, rgba(217, 38, 170, .14), transparent 28%), linear-gradient(180deg, #1d232a 0%, #161b21 100%)}[data-theme=dolphin]{--bg: #0b1220;--bg-elev: #121a2b;--bg-soft: #1a2438;--text: #e6edf7;--muted: #9eb0cc;--brand: #4dd2ff;--brand-2: #39f3bb;--line: #273550;--shadow: 0 10px 30px rgba(0, 0, 0, .24);--bg-grad: radial-gradient(circle at 10% 15%, rgba(77, 210, 255, .14), transparent 32%), radial-gradient(circle at 85% 10%, rgba(57, 243, 187, .12), transparent 28%), linear-gradient(180deg, #09101d 0%, #0b1220 100%)}[data-theme=cupcake]{--bg: #faf7f5;--bg-elev: #ffffff;--bg-soft: #efeae6;--text: #291334;--muted: #7c6f80;--brand: #65c3c8;--brand-2: #ef9fbc;--line: #e7e2dd;--shadow: 0 4px 14px rgba(41, 19, 52, .08);--bg-grad: radial-gradient(circle at 10% 15%, rgba(101, 195, 200, .12), transparent 30%), radial-gradient(circle at 88% 10%, rgba(239, 159, 188, .12), transparent 28%), linear-gradient(180deg, #faf7f5 0%, #f5f0eb 100%)}[data-theme=synthwave]{--bg: #2d1b69;--bg-elev: #241555;--bg-soft: #3d2a82;--text: #f9f7fd;--muted: #b6a3d9;--brand: #e779c1;--brand-2: #58c7f3;--line: #3d2882;--shadow: 0 10px 30px rgba(231, 121, 193, .18);--bg-grad: radial-gradient(circle at 10% 15%, rgba(231, 121, 193, .22), transparent 32%), radial-gradient(circle at 88% 8%, rgba(88, 199, 243, .18), transparent 28%), linear-gradient(180deg, #1f1147 0%, #2d1b69 100%)}[data-theme=retro]{--bg: #e4d8b4;--bg-elev: #ede0bf;--bg-soft: #d8cca0;--text: #282425;--muted: #5d524f;--brand: #ef9995;--brand-2: #a4cbb4;--line: #c9bb89;--shadow: 0 4px 14px rgba(40, 36, 37, .1);--bg-grad: radial-gradient(circle at 12% 12%, rgba(239, 153, 149, .18), transparent 30%), linear-gradient(180deg, #e8dcb8 0%, #ddd0a4 100%)}[data-theme=cyberpunk]{--bg: #ffee00;--bg-elev: #fde047;--bg-soft: #facc15;--text: #000000;--muted: #1f1f1f;--brand: #ff7598;--brand-2: #75d1f0;--line: #d4b412;--shadow: 0 4px 14px rgba(0, 0, 0, .15);--bg-grad: radial-gradient(circle at 12% 12%, rgba(255, 117, 152, .25), transparent 30%), linear-gradient(180deg, #ffee00 0%, #fde047 100%)}[data-theme=dracula]{--bg: #282a36;--bg-elev: #1e1f29;--bg-soft: #44475a;--text: #f8f8f2;--muted: #a8a8a0;--brand: #ff79c6;--brand-2: #bd93f9;--line: #44475a;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--bg-grad: radial-gradient(circle at 10% 15%, rgba(255, 121, 198, .16), transparent 32%), radial-gradient(circle at 88% 10%, rgba(189, 147, 249, .16), transparent 28%), linear-gradient(180deg, #21222c 0%, #282a36 100%)}[data-theme=night]{--bg: #0f1729;--bg-elev: #1a2238;--bg-soft: #2a3957;--text: #b6c5e6;--muted: #7b8aa8;--brand: #38bdf8;--brand-2: #818cf8;--line: #2a3957;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--bg-grad: radial-gradient(circle at 10% 15%, rgba(56, 189, 248, .14), transparent 32%), radial-gradient(circle at 88% 10%, rgba(129, 140, 248, .14), transparent 28%), linear-gradient(180deg, #0c1322 0%, #0f1729 100%)}[data-theme=forest]{--bg: #171212;--bg-elev: #1f1818;--bg-soft: #2a2425;--text: #d3d3d3;--muted: #898989;--brand: #1eb854;--brand-2: #1fd65f;--line: #2a2425;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--bg-grad: radial-gradient(circle at 10% 15%, rgba(30, 184, 84, .14), transparent 32%), linear-gradient(180deg, #131010 0%, #171212 100%)}[data-theme=aqua]{--bg: #345da7;--bg-elev: #2c4f8f;--bg-soft: #4870b7;--text: #ffffff;--muted: #cbd5e1;--brand: #09ecf3;--brand-2: #ffe999;--line: #4870b7;--shadow: 0 10px 30px rgba(0, 0, 0, .25);--bg-grad: radial-gradient(circle at 12% 12%, rgba(9, 236, 243, .2), transparent 32%), linear-gradient(180deg, #2c4f8f 0%, #345da7 100%)}[data-theme=coffee]{--bg: #20161f;--bg-elev: #2a1e29;--bg-soft: #3a2c39;--text: #d6c5b0;--muted: #8a7866;--brand: #db924b;--brand-2: #c47238;--line: #3a2c39;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--bg-grad: radial-gradient(circle at 12% 12%, rgba(219, 146, 75, .16), transparent 32%), linear-gradient(180deg, #1a1219 0%, #20161f 100%)}[data-theme=winter]{--bg: #ffffff;--bg-elev: #f3f4f6;--bg-soft: #e2e8f0;--text: #394e6a;--muted: #6b7280;--brand: #047aff;--brand-2: #463aa2;--line: #d1d5db;--shadow: 0 4px 14px rgba(57, 78, 106, .08);--bg-grad: radial-gradient(circle at 12% 12%, rgba(4, 122, 255, .08), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%)}[data-theme=valentine]{--bg: #f0d6e8;--bg-elev: #f7e3ee;--bg-soft: #ebc6dd;--text: #632c3b;--muted: #8d5a6c;--brand: #e96d7b;--brand-2: #a991f7;--line: #e2bcd5;--shadow: 0 4px 14px rgba(99, 44, 59, .08);--bg-grad: radial-gradient(circle at 12% 12%, rgba(233, 109, 123, .18), transparent 30%), linear-gradient(180deg, #f0d6e8 0%, #ebc6dd 100%)}:root{--danger: #ff6b7a;--radius: 14px;--sidebar-w: 17rem}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;min-height:100%;transition:background .2s ease,color .2s ease}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Sora,Space Grotesk,sans-serif;margin:0 0 .8rem;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}p{color:var(--muted);line-height:1.7}.drawer{display:flex;min-height:100vh}.drawer-content{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}main{max-width:960px;width:100%;margin:0 auto;padding:2.5rem 1.5rem 3rem}.sidebar{width:var(--sidebar-w);position:fixed;top:0;left:0;height:100vh;z-index:30;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--bg-elev);border-right:1px solid var(--line);transition:transform .28s ease;overflow-y:auto}.sidebar-inner{display:flex;flex-direction:column;min-height:100%;padding:1.5rem 1rem 1rem}.sidebar-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:.5rem .5rem 1.4rem;color:var(--text);border-bottom:1px solid var(--line);margin-bottom:1rem}.sidebar-profile:hover{text-decoration:none}.avatar{display:inline-flex;align-items:center;justify-content:center;width:7rem;height:7rem;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#06121c;font-family:Sora,Space Grotesk,sans-serif;font-weight:800;font-size:1.8rem;letter-spacing:.04em;box-shadow:0 8px 24px #4dd2ff38;margin-bottom:.4rem;transition:transform .2s ease}.avatar-img{object-fit:cover;padding:3px;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.sidebar-profile:hover .avatar{transform:scale(1.04)}.sidebar-name{font-weight:700;font-family:Sora,sans-serif;font-size:1.05rem}.sidebar-role{color:var(--muted);font-size:.78rem;line-height:1.4}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.sidebar-link{display:block;padding:.6rem .85rem;border-radius:10px;color:var(--text);font-weight:500;font-size:.95rem;border:1px solid transparent;transition:background .14s ease,color .14s ease,border-color .14s ease}.sidebar-link:hover{background:var(--bg-soft);text-decoration:none}.sidebar-link.active{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand)}.sidebar-footer{display:flex;justify-content:center;gap:.9rem;padding:1rem 0 .4rem;margin-top:1rem;border-top:1px solid var(--line)}.sidebar-footer a{color:var(--muted);display:inline-flex;padding:.3rem;border-radius:8px;transition:color .14s ease,background .14s ease}.sidebar-footer a:hover{color:var(--brand);background:var(--bg-soft);text-decoration:none}.drawer-overlay{display:none}.sidebar-theme{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.theme-selector{position:relative}.theme-toggle{width:100%;display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);padding:.55rem .75rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;font-family:inherit;transition:background .14s ease,border-color .14s ease}.theme-toggle:hover{background:color-mix(in srgb,var(--brand) 12%,var(--bg-soft));border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.theme-toggle .chev{margin-left:auto;opacity:.6}.theme-menu{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;max-height:60vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:.4rem;box-shadow:0 12px 32px #00000040;display:none;z-index:50}.theme-selector.open .theme-menu{display:block}.theme-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .6rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;text-align:left;text-transform:capitalize;transition:background .12s ease,border-color .12s ease}.theme-item:hover{background:var(--bg-soft)}.theme-item.active{border-color:color-mix(in srgb,var(--brand) 50%,var(--line));background:color-mix(in srgb,var(--brand) 10%,transparent)}.theme-swatches{display:inline-flex;gap:.2rem}.swatch{display:inline-block;width:.45rem;height:1rem;border-radius:2px}.mobile-header{display:none;position:sticky;top:0;z-index:10;padding:.75rem 1rem;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);align-items:center;justify-content:space-between}.hamburger{background:none;border:1px solid var(--line);cursor:pointer;color:var(--text);padding:.4rem .5rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.hamburger:hover{background:var(--bg-soft)}.brand{color:var(--text);font-weight:700;letter-spacing:.02em}.container{display:grid;gap:1.2rem}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--brand) 14%,transparent);border-radius:999px;padding:.22rem .65rem;color:var(--brand);font-size:.78rem;font-weight:500}.badge.subtle{border-color:var(--line);background:var(--bg-soft);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:10px;border:1px solid var(--line);padding:.62rem 1rem;background:var(--bg-soft);color:var(--text);font-weight:600;transition:transform .14s ease,background .14s ease,border-color .14s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.btn.primary{border-color:color-mix(in srgb,var(--brand) 44%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 24%,var(--bg-soft)),color-mix(in srgb,var(--brand-2) 20%,var(--bg-soft)))}input,textarea{width:100%;margin-top:.45rem;padding:.65rem .72rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font-family:inherit}input:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:1px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.hero{padding:2rem 1.6rem}.hero h1{margin-bottom:.4rem}.hero .greeting{color:var(--muted);font-size:1.1rem;margin:0 0 .4rem}.hero .subtitle{color:var(--brand);font-weight:600;font-size:1.2rem;margin:0 0 1rem}.hero .cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.section-title{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;font-family:Sora,sans-serif}.hcard{border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--bg-elev);border:1px solid var(--line);padding:1.1rem 1.2rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hcard+.hcard{margin-top:.7rem}.hcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--shadow)}.hcard-body{display:flex;flex-direction:column;gap:.4rem}.hcard-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.hcard-title{font-size:1.1rem;margin:0;font-family:Sora,sans-serif}.hcard-title a{color:var(--text)}.hcard-title a:hover{color:var(--brand);text-decoration:none}.hcard-badge{margin-left:.5rem;vertical-align:middle}.hcard-meta{color:var(--muted);font-size:.82rem;white-space:nowrap}.hcard-desc{margin:0;font-size:.95rem}.hcard-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}@media(max-width:900px){.grid.two,.grid.three{grid-template-columns:1fr}.drawer-content{margin-left:0}.sidebar{transform:translate(-100%);box-shadow:8px 0 32px #0006}.sidebar.open{transform:translate(0)}.drawer-overlay{display:block;position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(2px);z-index:25;opacity:0;pointer-events:none;transition:opacity .24s ease}.drawer-overlay.visible{opacity:1;pointer-events:auto}.mobile-header{display:flex}main{padding:1.5rem 1rem 2.5rem}}