:root{--accent-cyan: #23d0ff;--accent-cyan-color: #00bfe8;--accent-cyan-rgb: 0, 191, 232;--accent-cyan-light: #6fe4ff;--accent-cyan-dark: #009cc1;--accent-cyan-darker: #007fa0;--accent-magenta: #ff3db4;--accent-magenta-color: #ff2aa6;--accent-magenta-rgb: 255, 42, 166;--accent-magenta-light: #ff7ac8;--accent-magenta-dark: #e61c93;--accent-magenta-darker: #c5147d;--accent-yellow: #ffcc33;--accent-yellow-color: #ffb000;--accent-yellow-rgb: 255, 176, 0;--accent-yellow-light: #ffe075;--accent-yellow-dark: #e09a00;--accent-yellow-darker: #c27f00;--accent: var(--accent-magenta);--accent-color: var(--accent-magenta-color);--accent-rgb: var(--accent-magenta-rgb);--accent-light: var(--accent-magenta-light);--accent-dark: var(--accent-magenta-dark);--accent-darker: var(--accent-magenta-darker);--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fdfaff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);--color: #1a202c;--bg-color: #fdfaff;--bg-color-rgb: 253, 250, 255;--bg-color-transparent: rgba(253, 250, 255, .66);--button-bg-color: #1a202c;--bg-code: #f1f1f1;--color-code: #24292e;--border-color: #e1e4e8;--nav-height: 56px;--sidebar-width: 320px;--vvh: 100vh}:root.dark{--color: #fdfaff;--bg-color: #1c1d20;--bg-color-rgb: 28, 29, 32;--bg-color-transparent: rgba(28, 29, 32, .8);--button-bg-color: #fdfaff;--accent: var(--accent-magenta);--accent-color: var(--accent-magenta-color);--accent-rgb: var(--accent-magenta-rgb);--accent-light: var(--accent-magenta-light);--accent-dark: var(--accent-magenta-dark);--accent-darker: var(--accent-magenta-darker);--bg-code: #2d333b;--color-code: #adbac7;--border-color: #444c56;--box-shadow: 0 2px 6px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .5), 0 16px 32px rgba(0, 0, 0, .5)}@font-face{font-family:nudica_monobold;src:url(../../../fonts/nudicamono-bold-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:nudica_monolight;src:url(../../../fonts/nudicamono-light-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:argesta_regular;src:url(../../../fonts/argestatext-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:bariol_icons;src:url(../../../fonts/bariol_icons-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:caveat;src:url(../../../fonts/Caveat-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;background-color:var(--bg-color);color:var(--color);font-family:nudica_monolight,monospace;font-size:15px;line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--color);line-height:1.2;font-family:nudica_monobold,monospace}a{color:var(--accent-color);text-decoration:none}a:hover{opacity:.8}*:focus-visible{outline:var(--accent-color) dashed 1px;border-color:var(--accent-color)}button{font-family:nudica_monolight,monospace;cursor:pointer}button,a,input,select,textarea,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{font-family:nudica_monolight,monospace;font-size:15px;color:var(--color);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:.5rem .75rem;outline:none}@media(max-width:768px){input,textarea,select{font-size:16px}}input:focus,textarea:focus,select:focus{border-color:var(--accent-color)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.badge-published{background-color:#22c55e26;color:#16a34a}.badge-draft{background-color:rgba(var(--gray),.15);color:rgb(var(--gray))}.badge-archived{background-color:#ef444426;color:#dc2626}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--color);font-size:.85rem;transition:all .15s ease}.btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover{background-color:var(--accent-dark);border-color:var(--accent-dark);color:#fff;opacity:1}.btn-danger{border-color:#dc2626;color:#dc2626}.btn-danger:hover{background-color:#dc2626;color:#fff}.toast-container{position:fixed;top:calc(var(--nav-height) + .75rem);right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;border:none;background:transparent;padding:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.toast{padding:.75rem 1rem;border-radius:4px;background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;box-shadow:0 2px 8px #00000026;font-size:.85rem;animation:toast-in .2s ease-out}.toast-success{border-color:#16a34a;color:#16a34a}.toast-error{border-color:#dc2626;color:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}*{scrollbar-width:thin;scrollbar-color:rgba(var(--gray),.4) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:rgba(var(--gray),.4);border-radius:5px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--gray),.6)}:root.dark *{scrollbar-color:rgba(255,255,255,.25) transparent}:root.dark *::-webkit-scrollbar-thumb{background-color:#ffffff40}:root.dark *::-webkit-scrollbar-thumb:hover{background-color:#fff6}@media(pointer:coarse){.btn{min-height:42px;padding:.5rem .9rem}input,select,textarea{min-height:42px}}.nav-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-magenta) 50%,var(--accent-yellow) 100%);background-size:200% 100%;animation:nav-progress-slide 1.2s linear infinite;pointer-events:none}@keyframes nav-progress-slide{0%{background-position:0% 0}to{background-position:-200% 0}}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.app-nav.svelte-12qhfyh{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));background-color:var(--bg-color);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-left.svelte-12qhfyh{display:flex;align-items:center;gap:1rem;min-width:0}.nav-logo.svelte-12qhfyh{font-family:nudica_monobold,monospace;font-size:1.1rem;color:var(--color);text-decoration:none;flex-shrink:0}.accent.svelte-12qhfyh{color:var(--accent-color);margin-left:.15rem}.nav-links.svelte-12qhfyh{display:flex;align-items:center;gap:.15rem}.nav-link.svelte-12qhfyh{padding:.4rem .65rem;border-radius:4px;color:var(--color);font-size:.85rem;opacity:.65;text-decoration:none}.nav-link.svelte-12qhfyh:hover{opacity:1;color:var(--accent-color)}.nav-link.active.svelte-12qhfyh{opacity:1;color:var(--accent-color);background-color:rgba(var(--accent-rgb),.1)}.nav-right.svelte-12qhfyh,.nav-actions.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem}.rebuild-status.svelte-12qhfyh{font-size:.8rem;color:var(--accent-color);white-space:nowrap}.icon-btn.svelte-12qhfyh{font-size:1.1rem;padding:.35rem .5rem;line-height:1}.menu-btn.svelte-12qhfyh{display:none}.menu-backdrop.svelte-12qhfyh{position:fixed;inset:0;z-index:90;background:transparent;border:none;padding:0}.menu-panel.svelte-12qhfyh{position:fixed;top:calc(var(--nav-height) + .4rem);right:max(.75rem,env(safe-area-inset-right));z-index:95;display:flex;flex-direction:column;min-width:11rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px #00000026;overflow:hidden}.menu-panel.svelte-12qhfyh form:where(.svelte-12qhfyh){display:contents}.menu-item.svelte-12qhfyh{padding:.8rem 1rem;border:none;background:transparent;color:var(--color);font-size:.9rem;text-align:left;width:100%}.menu-item.svelte-12qhfyh:hover{background-color:rgba(var(--accent-rgb),.08);color:var(--accent-color)}.menu-item.svelte-12qhfyh+.menu-item:where(.svelte-12qhfyh),.menu-panel.svelte-12qhfyh form:where(.svelte-12qhfyh) .menu-item:where(.svelte-12qhfyh){border-top:1px solid var(--border-color)}main.svelte-12qhfyh{flex-grow:1;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}@media(max-width:768px){main.svelte-12qhfyh{padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.nav-actions.svelte-12qhfyh{display:none}.menu-btn.svelte-12qhfyh{display:inline-flex}.nav-left.svelte-12qhfyh{gap:.5rem}.nav-link.svelte-12qhfyh{padding:.5rem .55rem;font-size:.85rem}}