:root{font-family:Inter,system-ui,sans-serif;color:#f4f0fa;background:#202027}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:14px;background:#8658d6;color:#fff;padding:12px 16px}button:disabled{opacity:.6}button.secondary{background:#343340}button.ghost{background:transparent;color:#c9bdd8;padding:8px}input:not([type=checkbox]){width:100%;background:#30303d;color:#fff;border:1px solid #494457;padding:14px;border-radius:12px;min-width:0}main.auth{max-width:430px;margin:12vh auto;padding:28px;display:grid;gap:16px}main.auth h1{font-size:40px;color:#f178ad;margin:0}.shell{max-width:500px;margin:auto;min-height:100dvh;padding:25px 18px 100px}header{position:relative}header h1{font-size:30px;margin:8px 0 22px}.eyebrow{font-size:11px;letter-spacing:2px;color:#f178ad}header .ghost{position:absolute;right:0;top:0}.hero{text-align:center;background:linear-gradient(145deg,#51346c,#302a43);padding:28px 15px;border-radius:24px;margin-bottom:18px}.hero h2{margin:8px}.hero p{color:#e1cfe8;font-size:14px}.heart{font-size:42px;color:#f178ad}.panel{background:#30303d;border:1px solid #484256;border-radius:20px;padding:18px}.panel h2{font-size:19px;margin-top:0}.panel form{display:flex;gap:8px}.entries{display:grid;gap:10px;margin-top:16px}.entry{display:flex;gap:12px;align-items:center;background:#262631;padding:13px;border-radius:12px;overflow-wrap:anywhere}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,500px);display:flex;background:#252530;border-top:1px solid #474153;padding:12px 6px max(12px,env(safe-area-inset-bottom));gap:3px}nav button{flex:1;font-size:11px;padding:12px 2px;background:transparent;color:#a8a2b7}nav button.selected{color:#f178ad;background:#383046}.error,small{color:#f5a1b7}@media(max-width:350px){nav button{font-size:10px}}