:root{--bg:#0a0e12;--bg-elevated:#121820;--fg:#edf1f4;--muted:#8a96a3;--accent:#5eead4;--accent-soft:#5eead424;--line:#edf1f414;--font-brand:"Syne", sans-serif;--font-body:"Manrope", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#app{min-height:100dvh}.page{isolation:isolate;place-items:center;min-height:100dvh;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:visible}.atmosphere{z-index:-1;background:radial-gradient(80% 60% at 50% -10%,#1a2430 0%,#0000 55%),linear-gradient(160deg,#0a0e12 0%,#0d141c 45%,#0a1016 100%);position:absolute;inset:0;overflow:hidden}.glow{filter:blur(80px);opacity:0;border-radius:50%;transition:opacity 1.4s;position:absolute}.page.ready .glow{opacity:1}.glow-a{background:var(--accent-soft);width:min(55vw,420px);height:min(55vw,420px);animation:18s ease-in-out infinite alternate drift;top:12%;left:8%}.glow-b{background:#3878b41f;width:min(45vw,360px);height:min(45vw,360px);animation:22s ease-in-out infinite alternate-reverse drift;bottom:10%;right:5%}.grain{opacity:.35;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.hero{text-align:left;width:min(100%,40rem)}.brand{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.headline,.lede{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.page.ready .brand,.page.ready .headline,.page.ready .lede{opacity:1}.page.ready .headline,.page.ready .lede{transform:translateY(0)}.page.ready .headline{transition-delay:.12s}.page.ready .lede{transition-delay:.24s}.brand{width:fit-content;font-family:var(--font-brand);letter-spacing:-.06em;color:var(--fg);text-shadow:0 0 1.25em #5eead438;margin:0 0 1.5rem;padding-bottom:.12em;font-size:clamp(3.5rem,12vw,6.5rem);font-weight:800;line-height:1.45;display:block}.headline{font-family:var(--font-brand);letter-spacing:-.03em;color:var(--fg);margin:0 0 1rem;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:600;line-height:1.45}.lede{max-width:28rem;color:var(--muted);margin:0;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:400;line-height:1.65}.login-hero{width:min(100%,24rem)}.login-form,.btn{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.page.ready .login-form,.page.ready .btn{opacity:1;transform:translateY(0)}.page.ready .login-form{transition-delay:.28s}.page.ready .btn{transition-delay:.36s}.login-form{gap:1rem;margin-top:1.75rem;display:grid}.field{gap:.45rem;display:grid}.field span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.field input{border:1px solid var(--line);width:100%;color:var(--fg);font:inherit;background:#121820d9;border-radius:.55rem;outline:none;padding:.85rem .95rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#5eead473}.form-error{color:#f07178;margin:0;font-size:.9rem}.form-success{color:var(--accent);margin:0;font-size:.9rem}.btn{appearance:none;background:var(--accent);color:#041016;font:inherit;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:.55rem;margin-top:.35rem;padding:.9rem 1.1rem;font-weight:700;transition:opacity .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-ghost{width:fit-content;color:var(--fg);border:1px solid var(--line);background:0 0;align-items:center;margin-top:1.75rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost:hover:not(:disabled){border-color:#5eead459}.brand-sm{margin-bottom:1rem;font-size:clamp(2rem,6vw,2.75rem)}.page-dashboard{align-content:start;place-items:start center}.dashboard{width:min(100%,56rem);padding-top:clamp(1rem,4vw,2.5rem)}.dashboard-header{margin-bottom:2rem}.dashboard-header .lede{max-width:36rem}.dashboard-panel{width:100%}.dashboard-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.panel-title{font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.panel-meta,.panel-status{color:var(--muted);margin:0;font-size:.9rem}.entries-table-wrap{border-top:1px solid var(--line);width:100%;overflow-x:auto}.entries-table{border-collapse:collapse;width:100%;font-size:.95rem}.entries-table th,.entries-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.85rem .75rem}.entries-table th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.entries-table td:nth-child(3){white-space:normal;min-width:10rem}.settings-hero{width:min(100%,28rem)}.settings-nav{margin-top:1.75rem}.settings-link{border:1px solid var(--line);width:100%;color:var(--fg);background:#1218208c;border-radius:.55rem;justify-content:space-between;align-items:center;padding:1rem 1.1rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.settings-link:after{content:"→";color:var(--accent)}.settings-link:hover{background:#121820d9;border-color:#5eead459}.profile-menu{z-index:40;position:fixed;top:1.25rem;right:1.25rem}.profile-avatar{appearance:none;width:2.75rem;height:2.75rem;color:var(--accent);font-family:var(--font-brand);cursor:pointer;background:linear-gradient(145deg,#1a2834,#121820);border:1px solid #5eead459;border-radius:50%;place-items:center;font-size:1.05rem;font-weight:700;transition:border-color .2s,transform .2s;display:grid}.profile-avatar:hover,.profile-menu:focus-within .profile-avatar{border-color:#5eead4b3;transform:translateY(-1px)}.profile-dropdown{border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#0c1117f5;border-radius:.65rem;min-width:11.5rem;padding:.35rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-6px);box-shadow:0 12px 40px #00000059}.profile-menu:hover .profile-dropdown,.profile-menu:focus-within .profile-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.profile-dropdown-item{width:100%;color:var(--fg);white-space:nowrap;text-align:left;border-radius:.45rem;padding:.7rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;display:block}.profile-dropdown-button{appearance:none;font:inherit;cursor:pointer;background:0 0;border:0}.profile-dropdown-button:disabled{opacity:.65;cursor:wait}.profile-dropdown-item:hover,.profile-dropdown-item:focus-visible{background:var(--accent-soft);outline:none}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(24px,-18px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.glow,.brand,.headline,.lede,.login-form,.btn{opacity:1;transition:none;animation:none;transform:none}.profile-dropdown{transition:none}}