@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light dark;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease;--bg-main: #f5f5f7;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-toolbar: rgba(255, 255, 255, .85);--bg-code: #1e1e24;--border-subtle: #e5e5ea;--border-active: #c7c7cc;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-muted: #86868b;--accent-blue: #0071e3;--accent-pink: #ff2d55;--accent-purple: #af52de;--accent-gold: #ff9500;--accent-cyan: #00a3a3;--accent-primary: var(--accent-blue);--accent-primary-hover: #005bb5;--accent-bg-glow: rgba(0, 113, 227, .08);--card-blur: 24px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .04);--shadow-floating: 0 10px 30px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(0, 113, 227, .15);--checker-color-1: #ffffff;--checker-color-2: #f0f0f2;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px}:root[data-theme=dark]{--bg-main: #000000;--bg-card: #1c1c1e;--bg-sidebar: #121214;--bg-toolbar: rgba(28, 28, 30, .85);--bg-code: #0a0a0c;--border-subtle: #2c2c2e;--border-active: #48484a;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-muted: #6e6e73;--accent-blue: #0a84ff;--accent-pink: #ff375f;--accent-purple: #bf5af2;--accent-gold: #ffd60a;--accent-cyan: #64ffda;--accent-primary: var(--accent-blue);--accent-primary-hover: #359aff;--accent-bg-glow: rgba(10, 132, 255, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 12px 36px rgba(0, 0, 0, .3);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(10, 132, 255, .25);--checker-color-1: #09090b;--checker-color-2: #1c1c20}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-smooth),color var(--transition-smooth)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);line-height:1.25}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-smooth)}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vector-preview-bg{background-image:conic-gradient(var(--checker-color-2) .25turn,var(--checker-color-1) .25turn .5turn,var(--checker-color-2) .5turn .75turn,var(--checker-color-1) .75turn);background-size:20px 20px;background-color:var(--checker-color-1);border-radius:var(--border-radius-md);overflow:hidden;position:relative;transition:background-color var(--transition-smooth),background-image var(--transition-smooth)}.no-transitions *{transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:9999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-active);border:2px solid transparent;background-clip:padding-box}.figma-frame-cue{position:absolute;inset:0;border:1px solid transparent;pointer-events:none;z-index:20;transition:border-color var(--transition-fast)}.figma-handle{position:absolute;width:6px;height:6px;background:var(--bg-card);border:1.5px solid var(--accent-blue);opacity:0;pointer-events:none;z-index:21;transition:opacity var(--transition-fast)}.figma-handle.tl{top:-3px;left:-3px}.figma-handle.tr{top:-3px;right:-3px}.figma-handle.bl{bottom:-3px;left:-3px}.figma-handle.br{bottom:-3px;right:-3px}.figma-coords{position:absolute;top:-20px;left:0;background:var(--accent-blue);color:#fff;font-family:var(--font-mono);font-size:10px;padding:1px 4px;border-radius:3px;opacity:0;pointer-events:none;z-index:22;transition:opacity var(--transition-fast)}.glow-hover-cyan:hover{box-shadow:0 0 20px #64ffda33;border-color:var(--accent-cyan)}.glow-hover-pink:hover{box-shadow:0 0 20px #ff375f33;border-color:var(--accent-pink)}.hidden{display:none!important}object,embed,iframe,.preview-svg-object,.viewport-svg-object{background:transparent!important;background-color:transparent!important}.main-header[data-astro-cid-sckkx6r4]{position:sticky;top:1.5rem;margin:1.5rem auto;width:90%;max-width:1200px;z-index:100;border-radius:var(--border-radius-xl);padding:.6rem 1.5rem;background:var(--bg-toolbar);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur))}.header-container[data-astro-cid-sckkx6r4]{display:flex;justify-content:space-between;align-items:center;padding:0}.logo-link[data-astro-cid-sckkx6r4]{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.2rem}.logo-icon[data-astro-cid-sckkx6r4]{color:var(--accent-blue);font-family:var(--font-mono);font-size:.85rem;background:var(--accent-bg-glow);padding:.2rem .5rem;border-radius:var(--border-radius-sm);border:1px solid rgba(0,113,227,.15)}.logo-text[data-astro-cid-sckkx6r4]{font-weight:800;letter-spacing:-.02em}.logo-text[data-astro-cid-sckkx6r4] .dot[data-astro-cid-sckkx6r4]{color:var(--accent-pink)}.nav-links[data-astro-cid-sckkx6r4]{display:flex;align-items:center;gap:1.25rem}.nav-item[data-astro-cid-sckkx6r4]{font-size:.9rem;font-weight:500;color:var(--text-secondary);position:relative;padding:.3rem .5rem;border-radius:var(--border-radius-sm)}.nav-item[data-astro-cid-sckkx6r4]:hover{color:var(--text-primary);background:var(--bg-main)}.admin-badge[data-astro-cid-sckkx6r4]{background:#ff2d5514;border:1px solid rgba(255,45,85,.15);color:var(--accent-pink);padding:.25rem .75rem;font-weight:600;font-size:.8rem;border-radius:9999px}.admin-badge[data-astro-cid-sckkx6r4]:hover{background:var(--accent-pink);color:#fff;border-color:var(--accent-pink)}.theme-toggle-btn[data-astro-cid-sckkx6r4]{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast)}.theme-toggle-btn[data-astro-cid-sckkx6r4]:hover{background:var(--border-subtle);color:var(--text-primary);border-color:var(--border-active)}.theme-toggle-btn[data-astro-cid-sckkx6r4] svg[data-astro-cid-sckkx6r4]{width:1.15rem;height:1.15rem}:root[data-theme=dark] .moon-icon[data-astro-cid-sckkx6r4]{display:none}:root[data-theme=light] .sun-icon[data-astro-cid-sckkx6r4]{display:none}#main-content[data-astro-cid-sckkx6r4]{min-height:calc(100vh - 240px);padding-bottom:4rem;position:relative;z-index:10}.main-footer[data-astro-cid-sckkx6r4]{border-top:1px solid var(--border-subtle);padding:3rem 0;background:var(--bg-card);color:var(--text-secondary);font-size:.85rem;position:relative;z-index:10;transition:background-color var(--transition-smooth),border-color var(--transition-smooth)}.footer-container[data-astro-cid-sckkx6r4]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-accent-text[data-astro-cid-sckkx6r4]{font-weight:600;color:var(--text-primary)}.footer-subtext[data-astro-cid-sckkx6r4]{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.footer-right[data-astro-cid-sckkx6r4]{display:flex;gap:1.5rem}.social-link[data-astro-cid-sckkx6r4]{font-weight:500;color:var(--text-secondary)}.social-link[data-astro-cid-sckkx6r4]:hover,.link-hover[data-astro-cid-sckkx6r4]:hover{color:var(--accent-blue)}.grid-bg[data-astro-cid-sckkx6r4]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:1;opacity:.7;transition:opacity var(--transition-smooth)}@media(max-width:640px){.main-header[data-astro-cid-sckkx6r4]{width:95%;padding:.5rem 1rem}.header-container[data-astro-cid-sckkx6r4],.footer-container[data-astro-cid-sckkx6r4]{flex-direction:column;gap:1rem;text-align:center}.footer-right[data-astro-cid-sckkx6r4]{justify-content:center}}