.header[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:0;right:0;z-index:10;height:60px;z-index:100;display:flex;align-items:center;padding-bottom:10px;background:#2034;mix-blend-mode:difference;backdrop-filter:blur(10px)}.logo-container[data-astro-cid-3ef6ksr2]{position:fixed;z-index:110;top:4px;left:10px;display:flex;align-items:center;justify-content:center;mix-blend-mode:plus-lighter}img[data-astro-cid-3ef6ksr2]{opacity:.8}#logo[data-astro-cid-3ef6ksr2]{width:50px;height:50px;position:relative;color:#fff;transition:transform .3s ease}#logo[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.1)}.logo-blob[data-astro-cid-3ef6ksr2]{position:absolute;width:40px;height:40px;top:0;background:conic-gradient(from 0deg,#009494,#b1323b,#ba482e,#69314b,#0135a8,#009494);border-radius:50%;opacity:.9;animation:blobRotate 2s linear infinite;filter:blur(12px);z-index:1;mix-blend-mode:inherit}h1[data-astro-cid-3ef6ksr2]{font-family:Bungee Shade,monospace;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600;letter-spacing:.04em;margin-left:4rem;user-select:none;background:linear-gradient(45deg,var(--accent-secondary),var(--accent-primary));background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 10s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1[data-astro-cid-3ef6ksr2]:hover{filter:brightness(1.2)}.github-link[data-astro-cid-3ef6ksr2]{position:fixed;top:8px;right:10px;mix-blend-mode:overlay}#github-icon[data-astro-cid-3ef6ksr2]{width:40px;height:40px;color:var(--accent-secondary);transition:all .3s ease}.github-link[data-astro-cid-3ef6ksr2]:hover #github-icon[data-astro-cid-3ef6ksr2]{transform:scale(1.1);color:var(--accent-primary)}@keyframes blobRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){h1[data-astro-cid-3ef6ksr2]{margin-left:3rem;font-size:clamp(1rem,5vw,1.3rem)}.logo-container[data-astro-cid-3ef6ksr2]{left:8px}#logo[data-astro-cid-3ef6ksr2],.logo-blob[data-astro-cid-3ef6ksr2]{width:40px;height:40px}}body{padding-top:50px}.mobile-warning[data-astro-cid-w2hmzyoy]{position:fixed;inset:0;background:#0a1e2899;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(10px);padding:2.5rem;text-align:center;gap:1.5rem;max-width:100vw;overflow:hidden;>div[data-astro-cid-w2hmzyoy]{display:grid;grid-auto-flow:column;place-items:center;iconify-icon:first-of-type{color:#e05}}}.mobile-warning[data-astro-cid-w2hmzyoy].hidden{display:none}.mobile-warning[data-astro-cid-w2hmzyoy] iconify-icon[data-astro-cid-w2hmzyoy]{color:var(--accent-primary);filter:drop-shadow(0 0 20px currentColor);width:auto;height:auto}.mobile-warning[data-astro-cid-w2hmzyoy] h3[data-astro-cid-w2hmzyoy]{color:var(--accent-primary);font-size:1.5rem;font-weight:600;text-shadow:0 0 30px currentColor;margin:0}.mobile-warning[data-astro-cid-w2hmzyoy] p[data-astro-cid-w2hmzyoy]{color:var(--accent-primary);color:#5fd;font-size:1.1rem;line-height:1.4;font-weight:700;margin:0;max-width:300px}.mobile-warning[data-astro-cid-w2hmzyoy] button[data-astro-cid-w2hmzyoy]{background:var(--accent-primary);color:var(--surface-primary);mix-blend-mode:difference;border:none;padding:1rem 2rem;border-radius:28px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);box-shadow:0 0 40px var(--accent-primary)}.mobile-warning[data-astro-cid-w2hmzyoy] button[data-astro-cid-w2hmzyoy]:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 25px currentColor}@media (max-width: 768px){.mobile-warning[data-astro-cid-w2hmzyoy]{padding:1.5rem}.mobile-warning[data-astro-cid-w2hmzyoy] h3[data-astro-cid-w2hmzyoy]{font-size:1.3rem}.mobile-warning[data-astro-cid-w2hmzyoy] p[data-astro-cid-w2hmzyoy]{font-size:1rem;max-width:280px}}.usage-section[data-astro-cid-tvxczs4g]{padding:2em;max-width:100%;overflow-x:hidden}h2[data-astro-cid-tvxczs4g]{margin-bottom:.6em;color:var(--accent-secondary)}.usage-grid[data-astro-cid-tvxczs4g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,700px),1fr));gap:clamp(.75rem,2vw,1.5rem);width:100%;overflow-x:hidden;justify-items:center}.usage-item[data-astro-cid-tvxczs4g]{display:flex;width:100%;max-width:700px;flex-direction:column;padding:clamp(1rem,3vw,2.5rem);background:var(--surface-secondary);border-radius:22px;backdrop-filter:blur(8px);overflow-x:hidden;outline:12px solid var(--surface-tertiary);outline-offset:-12px}.usage-item[data-astro-cid-tvxczs4g] header[data-astro-cid-tvxczs4g]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.usage-item[data-astro-cid-tvxczs4g] header[data-astro-cid-tvxczs4g] iconify-icon[data-astro-cid-tvxczs4g]{width:36px;height:50px;color:var(--accent-primary)}.usage-item[data-astro-cid-tvxczs4g] h3[data-astro-cid-tvxczs4g]{font-family:Bungee,monospace;margin:0;color:var(--text-primary);font-size:1.1rem;padding-bottom:.5rem;border-bottom:9px solid var(--surface-primary)}pre[data-astro-cid-tvxczs4g].astro-code{background:transparent!important}@media (max-width: 768px){.usage-section[data-astro-cid-tvxczs4g]{padding:1em}.usage-item[data-astro-cid-tvxczs4g]{padding:1rem}}.demos-container[data-astro-cid-lg6el4i6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:24px;width:90vw;margin:auto;padding-top:50px;justify-items:center}.demo-section[data-astro-cid-lg6el4i6]{background:var(--surface-secondary);border-radius:22px;padding:24px;box-shadow:0 4px 6px var(--shadow-medium);width:100%;height:fit-content;h3{margin:0 0 8px;color:var(--accent-secondary);font-size:20px;font-weight:600}p{margin:0 0 20px;color:var(--text-muted);font-size:14px}}#hours-grid-placeholder[data-astro-cid-lg6el4i6],#skills-grid-placeholder[data-astro-cid-lg6el4i6]{background:var(--surface-tertiary);border-radius:22px;padding:20px 50px 20px 20px;width:100%;display:block;margin-bottom:16px;min-height:200px;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;position:relative;scrollbar-width:thin;scrollbar-color:var(--surface-secondary) var(--surface-tertiary);scrollbar-gutter:stable}#hours-status[data-astro-cid-lg6el4i6],#skills-status[data-astro-cid-lg6el4i6]{padding:12px;background:var(--surface-primary);border-radius:16px;color:var(--accent-secondary);font-size:13px;text-align:center}.controls-panel[data-astro-cid-lg6el4i6]{position:fixed;top:50%;right:-240px;transform:translateY(-50%);transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;&:hover{right:0;.panel-handle{background:var(--accent-primary);color:var(--surface-primary)}}}.panel-handle[data-astro-cid-lg6el4i6]{position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:40px;padding-right:20px;height:32px;color:#000;margin:auto;background:var(--accent-primary);box-shadow:0 0 30px var(--accent-primary);border-radius:12px 0 0 10px;transition:all .2s ease}.controls[data-astro-cid-lg6el4i6]{background:#2033;backdrop-filter:blur(4px);border-radius:16px 0 0 16px;padding:24px;box-shadow:4px 0 32px var(--shadow-heavy);width:240px;min-height:240px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#reset-all-btn[data-astro-cid-lg6el4i6],#get-all-data-btn[data-astro-cid-lg6el4i6]{padding:10px;margin:auto;color:var(--accent-primary);&:hover{color:var(--accent-primary)}}button[data-astro-cid-lg6el4i6] iconify-icon[data-astro-cid-lg6el4i6]{width:40px;height:40px}.theme-section[data-astro-cid-lg6el4i6]{border-top:6px dashed var(--surface-secondary);padding-top:20px;grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;h4{margin:0 0 16px;color:var(--text-primary);font-size:14px;font-weight:600}}.theme-btn[data-astro-cid-lg6el4i6]{padding:6px;border-radius:8px;margin-bottom:0;transition:all .1s ease;box-shadow:0 0 30px currentColor;&.dark{background:#1e293b;color:#3b82f6}&.light{background:#fff;color:#2563eb}&.purple{background:#1e1b4b;color:#8b5cf6}&.green{background:#064e3b;color:#10b981}&.orange{background:#7c2d12;color:#f97316}&.pink{background:#831843;color:#ec4899}&.active{transform:scale(1.1);outline:solid 4px currentColor}}@font-face{font-family:Bungee Shade;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-shade-vietnamese-400-normal.zFndlZdw.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-shade-vietnamese-400-normal.habXbqfY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee Shade;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-shade-latin-ext-400-normal.BYVpoCsn.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-shade-latin-ext-400-normal.Bv2aFu8F.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee Shade;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-shade-latin-400-normal.CY8ybpt1.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-shade-latin-400-normal.DmPPic54.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-vietnamese-400-normal.B6gKbkHm.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-vietnamese-400-normal.CmjDSWyd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-latin-ext-400-normal.DWzJMwsA.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-latin-ext-400-normal.DXe9_7Rr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/bungee-latin-400-normal.Dfnurram.woff2) format("woff2"),url(/bit-grid-component/_astro/bungee-latin-400-normal.DA8IEVW_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/baloo-2-devanagari-400-normal.DwSYK00u.woff2) format("woff2"),url(/bit-grid-component/_astro/baloo-2-devanagari-400-normal.BdQx5VUP.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/baloo-2-vietnamese-400-normal.Bw8Sx-UF.woff2) format("woff2"),url(/bit-grid-component/_astro/baloo-2-vietnamese-400-normal.q9RGxceT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/baloo-2-latin-ext-400-normal.D__FNg33.woff2) format("woff2"),url(/bit-grid-component/_astro/baloo-2-latin-ext-400-normal.nuHowdHt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/bit-grid-component/_astro/baloo-2-latin-400-normal.D8VfTcZx.woff2) format("woff2"),url(/bit-grid-component/_astro/baloo-2-latin-400-normal.DCk_bY-6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--accent-primary: #11ffaa;--accent-secondary: #a78bfa;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .7)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--surface-tertiary);border-radius:6px;border:2px solid var(--surface-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-webkit-scrollbar-corner{background:var(--surface-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--surface-tertiary) var(--surface-secondary)}h1,h2,h3{font-family:Bungee,monospace}button{padding:10px 20px;border:none;background:var(--surface-secondary);color:var(--text-primary);border-radius:18px;cursor:pointer;font-size:14px;font-family:Bungee,monospace;transition:all .1s ease;font-weight:500}button:focus-visible{outline:solid 4px var(--accent-primary)}button:hover{outline:solid 4px currentColor;border-color:var(--accent-primary)}.code-block{background:var(--surface-primary);border-radius:8px;padding:15px;overflow-x:auto;font-family:Fira Code,monospace;font-size:13px;line-height:1.4;max-width:100%}.code-block pre{margin:0;color:var(--text-primary);overflow-x:auto;max-width:100%}.code-block code{background:none;padding:0;border:none}.footer{text-align:center;padding:20px;background:var(--surface-secondary);border-top:1px solid var(--border-primary);margin-top:auto;flex-shrink:0}.footer p{color:var(--text-secondary);font-size:14px;margin:0}.footer a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--accent-secondary)}.heart{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Baloo 2",Roboto,sans-serif}html{scrollbar-color:var(--border-secondary) var(--border-primary)}body{font-family:"Baloo 2",Roboto,sans-serif;background:var(--surface-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}bit-grid{width:100%;display:block}.version-badge{position:fixed;right:10px;bottom:10px;backdrop-filter:blur(10px);color:var(--accent-secondary);mix-blend-mode:hard-light;border-radius:10px;padding:6px 10px;font-family:monospace;font-size:12px;font-weight:700;z-index:2000;opacity:.9}.page-wrapper[data-astro-cid-j7pv25f6]{width:100vw;overflow-x:hidden;position:relative;padding:20px}