.app-header.svelte-isll26{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--app-header-safe-height, 64px);min-height:var(--app-header-safe-height, 64px);padding:env(safe-area-inset-top) 16px 0;background:#050808f0;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px #ffffff09,0 6px 10px #000000b8,0 12px 16px #0000006b;transform:translateZ(0)}.app-header.svelte-isll26:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:linear-gradient(180deg,#050808db,#05080880 42%,#05080800);pointer-events:none}.header-inner.svelte-isll26{width:100%;max-width:1200px;margin:0 auto;height:var(--app-header-height, 64px);display:flex;align-items:center;justify-content:space-between}.logo.svelte-isll26{display:flex;align-items:center;text-decoration:none;flex:0 1 auto;min-width:0}.logo-img.svelte-isll26{display:block;height:clamp(34px,4vw,40px);max-width:min(190px,38vw);width:auto}.header-actions.svelte-isll26{display:flex;align-items:center;gap:12px}.nav-btn.svelte-isll26{display:flex;align-items:center;justify-content:center;min-height:40px;gap:8px;padding:0 14px;background:linear-gradient(180deg,#fff8e00d,#fff8e005),#0c100e80;border:1px solid rgba(245,230,195,.32);color:#f8f1dc;text-decoration:none;font-family:var(--font-mono);font-size:12px;font-weight:800;border-radius:12px;box-shadow:inset 0 1px #fff8e01f,0 10px 22px #00000038,0 2px 6px #00000029;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.nav-btn.svelte-isll26:hover{color:#fff9e4;border-color:#f5e6c38a;background:linear-gradient(180deg,#fff8e014,#fff8e008),#10141294;transform:translateY(-1px);box-shadow:inset 0 1px #fff8e029,0 0 0 4px #f5e6c31a,0 14px 28px #00000042}.nav-btn.svelte-isll26:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000059,0 4px 12px #0003}.nav-btn.svelte-isll26:focus-visible{outline:none;box-shadow:inset 0 1px #fff8e01f,0 0 0 3px #fff7d2a3,0 10px 22px #00000038}.new-btn.svelte-isll26{display:flex;align-items:center;justify-content:center;min-height:40px;gap:9px;padding:0 18px;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#a7e26a,#7ac93a 55%,#62b12a);border:1px solid rgba(26,66,14,.38);color:#0e2207;text-decoration:none;font-family:var(--font-mono);font-size:13px;font-weight:900;border-radius:12px;letter-spacing:-.005em;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #1a420e47,0 1px #ffffff0a,0 10px 22px #0000004d,0 2px 6px #14320a40;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.new-btn.svelte-isll26 svg:where(.svelte-isll26){width:17px;height:17px;stroke-width:2.7}.new-btn.svelte-isll26:hover{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.42),transparent 60%),linear-gradient(180deg,#b5e97a,#85d544 55%,#6bbd2f);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #1a420e47,0 0 0 4px #8cda4238,0 14px 28px #00000052,0 2px 6px #14320a40}.new-btn.svelte-isll26:active{transform:translateY(0);box-shadow:inset 0 2px 4px #1a420e59,0 4px 12px #0000003d}.new-btn.svelte-isll26:focus-visible{outline:none;box-shadow:inset 0 1px #ffffff80,0 0 0 3px #fff7d2b3,0 10px 22px #0000004d}.credits-badge.svelte-isll26{display:flex;align-items:center;justify-content:center;min-height:40px;gap:5px;padding:0 12px;background:linear-gradient(180deg,#fff8e00d,#fff8e005),#0c100e80;border:1px solid rgba(245,230,195,.32);border-radius:12px;font-family:var(--font-mono);text-decoration:none;box-shadow:inset 0 1px #fff8e01f,0 10px 22px #00000038,0 2px 6px #00000029;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.credits-badge.svelte-isll26:hover{border-color:#f5e6c38a;background:linear-gradient(180deg,#fff8e014,#fff8e008),#10141294;transform:translateY(-1px);box-shadow:inset 0 1px #fff8e029,0 0 0 4px #f5e6c31a,0 14px 28px #00000042}.credits-badge.svelte-isll26:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000059,0 4px 12px #0003}.credits-badge.svelte-isll26:focus-visible{outline:none;box-shadow:inset 0 1px #fff8e01f,0 0 0 3px #fff7d2a3,0 10px 22px #00000038}.settings-icon.svelte-isll26{margin-right:5px;color:#8cda42;transition:color .15s ease}.credits-badge.svelte-isll26:hover .settings-icon:where(.svelte-isll26){color:#a7e26a}.credits-count.svelte-isll26{font-size:13px;font-weight:900;color:#fff9e4}.credits-label.svelte-isll26{font-size:10px;color:#f8f1dcad;text-transform:uppercase;letter-spacing:.5px}.logout-btn.svelte-isll26{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:linear-gradient(180deg,#fff8e00d,#fff8e005),#0c100e80;border:1px solid rgba(245,230,195,.28);border-radius:12px;color:#f8f1dcb8;cursor:pointer;box-shadow:inset 0 1px #fff8e01f,0 10px 22px #00000038,0 2px 6px #00000029;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.logout-btn.svelte-isll26:hover{color:#fff9e4;border-color:#f5e6c37a;background:linear-gradient(180deg,#fff8e014,#fff8e008),#10141294;transform:translateY(-1px);box-shadow:inset 0 1px #fff8e029,0 0 0 4px #f5e6c31a,0 14px 28px #00000042}.logout-btn.svelte-isll26:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000059,0 4px 12px #0003}.logout-btn.svelte-isll26:focus-visible{outline:none;box-shadow:inset 0 1px #fff8e01f,0 0 0 3px #fff7d2a3,0 10px 22px #00000038}@media (max-width: 480px){.app-header.svelte-isll26{padding:0 12px}.header-inner.svelte-isll26{width:100%}.logo-img.svelte-isll26{height:30px;max-width:34vw}.header-actions.svelte-isll26{gap:8px}.nav-btn.svelte-isll26{min-height:38px;padding:0 10px}.nav-btn.svelte-isll26 span:where(.svelte-isll26){display:none}.new-btn.svelte-isll26{min-height:38px;padding:0 12px}.new-btn.svelte-isll26 span:where(.svelte-isll26){display:none}.credits-badge.svelte-isll26{min-height:38px;padding:0 10px}.credits-label.svelte-isll26{display:none}}.app-layout.svelte-1k9siul{--app-header-height: 64px;--app-header-safe-height: var(--app-header-height);min-height:100vh;min-height:100dvh;background:var(--bg-deep);color:var(--ink-warm);position:relative}.app-layout.svelte-1k9siul:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;opacity:.22;pointer-events:none;z-index:0}.app-content.svelte-1k9siul{position:relative;z-index:1;padding-top:var(--app-header-safe-height)}@supports (padding: max(0px)){.app-layout.svelte-1k9siul{--app-header-safe-height: calc( var(--app-header-height) + env(safe-area-inset-top) )}}