@import"https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Gabarito:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Syne:wght@400;500;700;800&display=block";.neu-btn{padding:.75rem 1.5rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);background:var(--neu-bg);border:none;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;box-shadow:-5px -5px 10px var(--neu-shadow-1),5px 5px 10px var(--neu-shadow-2)}.neu-btn:hover{color:var(--neu-text-hover);box-shadow:-1px -1px 5px var(--neu-shadow-1),1px 1px 5px var(--neu-shadow-2),inset -2px -2px 5px var(--neu-shadow-inset-1),inset 2px 2px 4px var(--neu-shadow-inset-2);transform:translateY(1px)}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}[data-theme=light] .shiny-text{color:transparent;background:linear-gradient(120deg,#000 40%,#787878,#000 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 5s linear infinite;display:inline-block}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{height:300px;width:240px;position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:4 / 5;border:1px solid var(--border-color);border-radius:25px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;user-select:none;background-color:transparent;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pixel-card:before{content:"";display:none}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:0}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.font-heading-logo{font-family:Mochiy Pop One,sans-serif}:root{color-scheme:dark;--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #171717;--bg-elevated: #1e1e1e;--bg-glass: rgba(0, 0, 0, .7);--bg-glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--text-inverted: #000000;--border-color: #27272a;--border-focus: #ffffff;--accent-primary: #ffffff;--accent-secondary: #3f3f46;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", sans-serif;--font-serif: "Newsreader", serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--neu-bg: #111111;--neu-shadow-1: rgba(255, 255, 255, .05);--neu-shadow-2: rgba(0, 0, 0, .5);--neu-shadow-inset-1: rgba(255, 255, 255, .05);--neu-shadow-inset-2: rgba(0, 0, 0, .5);--neu-text-hover: #ffffff;--neutral-300: #d4d4d8}[data-theme=light]{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-border: rgba(255, 255, 255, .2);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--text-inverted: #ffffff;--border-color: #e4e4e7;--border-focus: #000000;--accent-primary: #000000;--accent-secondary: #f4f4f5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--neu-bg: #f3f4f6;--neu-shadow-1: rgba(255, 255, 255, 1);--neu-shadow-2: rgba(163, 177, 198, .4);--neu-shadow-inset-1: rgba(255, 255, 255, 1);--neu-shadow-inset-2: rgba(163, 177, 198, .4);--neu-text-hover: #000000;--neutral-300: #cbd5e1}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1!important;visibility:visible!important}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-tertiary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);padding:.75rem 1rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #8a5cff33}input::placeholder,textarea::placeholder{color:var(--text-muted);letter-spacing:.15em;font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:50px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:-5px -5px 10px #ffffff1a,5px 5px 10px #0006}.btn:hover{box-shadow:-1px -1px 5px #ffffff26,1px 1px 5px #00000080,inset -2px -2px 5px #ffffff26,inset 2px 2px 4px #0006}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{background:transparent;color:var(--text-primary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--text-primary)}.btn-danger{background:transparent;color:var(--text-primary);border:1px solid var(--text-primary)}.btn-danger:hover{background:var(--text-primary);color:var(--bg-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:none}.sidebar-item{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-item:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;transform:translate(4px);box-shadow:0 0 15px #ffffff0d}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--text-primary);transform:scaleY(0);transition:transform .2s ease;transform-origin:center}.sidebar-item:hover:before{transform:scaleY(1)}.btn-signout{transition:all .3s ease;border-radius:6px}.btn-signout:hover{color:#ef4444!important;text-shadow:0 0 15px rgba(239,68,68,.6);background:#ef44440d!important}.github-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:0 1rem;height:48px;box-sizing:border-box;border-radius:50px;border:none;background:var(--neu-bg);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:-5px -5px 10px var(--neu-shadow-1),5px 5px 10px var(--neu-shadow-2)}.github-btn:hover{color:var(--neu-text-hover);transform:translateY(1px);box-shadow:-1px -1px 5px var(--neu-shadow-1),1px 1px 5px var(--neu-shadow-2),inset -2px -2px 5px var(--neu-shadow-inset-1),inset 2px 2px 4px var(--neu-shadow-inset-2)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-error{margin-top:.375rem;font-size:.8125rem;color:var(--error)}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:0;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.badge-success{border-color:var(--text-primary);font-weight:600}.badge-warning{border-style:dashed;color:var(--text-secondary)}.badge-error{text-decoration:line-through;color:var(--text-muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px dashed var(--border-color)}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table tr:hover td{background:var(--bg-tertiary)}.hover-row:hover{background:var(--bg-tertiary);transition:background .2s;border-radius:8px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.color-bends-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}@media (max-width: 768px){.page-title{font-size:1.5rem}.card{padding:1rem}.btn{padding:.625rem 1.25rem}}.editor-page{background-color:var(--bg-primary);position:relative;z-index:10;min-height:100vh}.editor-input::placeholder{color:var(--text-muted)!important;opacity:.8!important}.editor-title-input{font-family:serif;font-weight:700;font-size:3rem;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--text-primary)!important;padding:0!important;margin-bottom:1rem}.editor-title-input::placeholder{color:var(--text-muted);opacity:.6}.editor-content-textarea{font-family:serif;font-size:1.25rem;line-height:1.8;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--text-primary)!important;resize:none;width:100%;min-height:500px}.editor-content-textarea::placeholder{color:var(--text-muted);opacity:.6}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bg-glass-border)}.text-balance{text-wrap:balance}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.logo-adaptive{filter:invert(1);transition:filter var(--transition-fast),transform var(--transition-fast)}[data-theme=light] .logo-adaptive{filter:none}.logo-link{display:inline-block;transition:transform .2s ease;text-decoration:none}.logo-link:hover{transform:scale(1.05)}.logo-link:hover .logo-adaptive{filter:invert(1) drop-shadow(0 0 15px rgba(255,255,255,.8))}[data-theme=light] .logo-link:hover .logo-adaptive{filter:drop-shadow(0 0 15px rgba(0,0,0,.4))}.post-content{font-size:1rem;line-height:1.8;color:var(--text-secondary)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content p,.post-content span,.post-content div,.post-content li,.post-content blockquote,.post-content td,.post-content th{background-color:transparent!important;font-family:inherit!important}.post-content p,.post-content span,.post-content div,.post-content li,.post-content td{color:var(--text-secondary)!important}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text-primary)!important;font-family:Gabarito,sans-serif!important;font-weight:700!important;margin-top:2rem!important;margin-bottom:1rem!important;line-height:1.2!important}.post-content h1{font-size:2.5em!important}.post-content h2{font-size:2em!important}.post-content h3{font-size:1.75em!important}.post-content h4{font-size:1.5em!important}.post-content p,.post-content li{font-size:1em!important}.post-content a{color:var(--text-primary)!important;text-decoration:underline;text-underline-offset:4px}.post-content a:hover{color:var(--text-primary)!important;text-decoration:none}.post-content blockquote{border-left:4px solid var(--border-color)!important;margin:1.5rem 0!important;padding-left:1rem!important;font-style:italic!important;color:var(--text-muted)!important}.post-content ul,.post-content ol{margin:1.5rem 0!important;padding-left:1.5rem!important}.post-content li{margin-bottom:.5rem!important}.post-content pre{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;padding:1rem!important;border-radius:var(--radius-md)!important;overflow-x:auto;margin:1.5rem 0!important}.post-content code{font-family:var(--font-mono)!important;font-size:.9em!important;color:var(--text-primary)!important}.post-content img{max-width:100%!important;height:auto!important;border-radius:var(--radius-md)!important;display:block;margin:2rem auto!important}.post-content b,.post-content strong{color:var(--text-primary)!important;font-weight:700!important}
