:root{color-scheme:dark;--bg:#07121a;--panel:#102633;--line:rgba(157,189,202,.2);--text:#f1f7f8;--muted:#8fa5af;--cyan:#58d6d2;--lime:#c9ee66;--red:#ff9696}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 0,rgba(88,214,210,.12),transparent 28rem),var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.auth-card,.setup-card{width:min(100%,460px);background:rgba(16,38,51,.9);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.setup-card{width:min(100%,760px)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand>span{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,var(--cyan),#279fba);display:grid;place-items:center}.auth-brand img{width:40px;height:40px;object-fit:contain}.auth-brand small,.auth-brand strong{display:block}.auth-brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.auth-brand strong{font-size:.98rem}h1{font-size:1.8rem;line-height:1.1;margin:0 0 10px;letter-spacing:-.04em}h2{font-size:1.1rem;margin:28px 0 8px}p{color:var(--muted);margin:0 0 22px}form{display:grid;gap:16px}label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:700}input{width:100%;height:46px;border-radius:12px;border:1px solid var(--line);background:#0b1c26;color:var(--text);padding:0 13px;font:inherit;outline:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(88,214,210,.12)}input[type=file]{height:auto;padding:11px}button,.button{height:46px;border:0;border-radius:12px;background:var(--cyan);color:#06171d;font:inherit;font-weight:800;cursor:pointer;padding:0 18px;text-decoration:none;display:inline-grid;place-items:center}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:10px}.notice{padding:12px 14px;border-radius:11px;margin-bottom:18px;font-size:.82rem;background:rgba(88,214,210,.1);border:1px solid rgba(88,214,210,.25)}.notice.error{background:rgba(255,150,150,.1);border-color:rgba(255,150,150,.25);color:var(--red)}.notice.success{background:rgba(201,238,102,.1);border-color:rgba(201,238,102,.25);color:var(--lime)}.help{font-size:.76rem;color:var(--muted)}code{background:#071820;padding:2px 6px;border-radius:5px;color:var(--cyan)}footer{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;font-size:.75rem}footer a{color:var(--cyan);text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}@media(max-width:620px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.auth-card,.setup-card{padding:22px}}

.changelog-body{display:block;padding:0;background:radial-gradient(circle at 72% 0,rgba(88,214,210,.13),transparent 34rem),var(--bg)}
.changelog-shell{width:min(100% - 40px,960px);margin:0 auto;padding:28px 0 48px}
.changelog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.changelog-header .auth-brand{margin:0}.compact-button{height:40px;font-size:.82rem}
.changelog-intro{position:relative;padding:62px 0 34px}.changelog-intro h1{font-size:clamp(2.2rem,6vw,4.2rem);max-width:720px}.changelog-intro>p:not(.changelog-overline){max-width:700px;font-size:1rem}
.changelog-overline,.release-label{color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:800;margin:0 0 8px}
.current-version{position:absolute;right:0;top:70px;display:grid;text-align:right}.current-version span{color:var(--muted);font-size:.7rem}.current-version strong{color:var(--lime);font-size:1.3rem}
.release-list{display:grid;gap:16px}.release-card{background:rgba(16,38,51,.88);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.17)}.release-current{border-color:rgba(88,214,210,.38);box-shadow:inset 3px 0 0 var(--cyan),0 20px 60px rgba(0,0,0,.17)}
.release-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.release-meta h2{margin:0;font-size:1.35rem}.release-meta time{color:var(--muted);font-size:.78rem;white-space:nowrap}.release-card ul{display:grid;gap:9px;margin:20px 0 0;padding-left:20px;color:var(--muted)}.release-card li::marker{color:var(--cyan)}
.changelog-footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.changelog-footer a{color:var(--cyan);text-decoration:none;font-weight:700}
@media(max-width:700px){.changelog-shell{width:min(100% - 28px,960px)}.changelog-header{align-items:flex-start}.changelog-header .auth-brand{align-items:flex-start}.changelog-intro{padding-top:42px}.current-version{position:static;text-align:left;margin-top:24px}.release-meta{display:grid;gap:8px}.release-card{padding:22px}.changelog-footer{display:grid}}
.settings-divider{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.settings-divider h2{margin:0 0 5px}.settings-divider p{margin:0}.remove-key{display:flex;grid-template-columns:auto 1fr;align-items:center;align-self:end;min-height:46px}.remove-key input{width:auto;height:auto}
.sync-login-card{background:rgba(16,38,51,.9);border:1px solid var(--line);border-radius:22px;padding:36px 30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.sync-login-body{overflow:hidden}.sync-login-card{width:min(100%,520px);text-align:center;display:grid;justify-items:center}.sync-pin{position:relative;width:92px;height:92px;margin-bottom:24px;display:grid;place-items:center}.sync-pin::before,.sync-pin::after{content:"";position:absolute;inset:14px;border:2px solid rgba(88,214,210,.5);border-radius:50%;animation:sync-ping 1.8s ease-out infinite}.sync-pin::after{animation-delay:.65s}.sync-pin span{position:relative;z-index:2;width:34px;height:34px;border-radius:50% 50% 50% 0;display:grid;place-items:center;transform:rotate(-45deg);background:linear-gradient(145deg,var(--cyan),#279fba);color:#06171d;box-shadow:0 12px 35px rgba(88,214,210,.32);animation:sync-pin-bounce 1.25s ease-in-out infinite}.sync-pin span::before{content:"";width:10px;height:10px;border-radius:50%;background:#fff;transform:rotate(45deg)}.sync-overline{margin:0 0 8px;color:var(--cyan);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.sync-login-card h1{margin-bottom:10px}.sync-login-card>p:not(.sync-overline){max-width:440px;margin-bottom:24px}.sync-progress{width:min(100%,300px);height:4px;overflow:hidden;border-radius:999px;background:rgba(143,165,175,.18);margin-bottom:24px}.sync-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--cyan);animation:sync-slide 1.2s ease-in-out infinite}.sync-hidden{display:none!important}.sync-warning .sync-pin span{background:var(--red)}.sync-warning .sync-pin::before,.sync-warning .sync-pin::after{border-color:rgba(255,150,150,.45)}.sync-complete .sync-pin span{background:var(--lime);animation:none}.sync-complete .sync-progress span{width:100%;animation:none;background:var(--lime)}@keyframes sync-ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.45);opacity:0}}@keyframes sync-pin-bounce{0%,100%{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-8px) rotate(-45deg)}}@keyframes sync-slide{0%{transform:translateX(-110%)}50%{transform:translateX(140%)}100%{transform:translateX(360%)}}@media(prefers-reduced-motion:reduce){.sync-pin::before,.sync-pin::after,.sync-pin span,.sync-progress span{animation:none}.sync-progress span{width:70%}}