*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{width:min(960px,100vw - 32px);margin:0 auto;padding:40px 0}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.topbar h1,.panel h2{margin:0}.topbar p,.panel p{color:#5f6d83;line-height:1.6}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 8px;font-size:12px;font-weight:700}.panel{background:#fff;border:1px solid #dbe3ef;border-radius:14px;gap:20px;padding:24px;display:grid;box-shadow:0 18px 45px #1a264014}.auth-panel{max-width:520px}.record-form,.stack-form{gap:12px;display:flex}.stack-form{flex-direction:column}.record-form input,.stack-form input{color:#172033;border:1px solid #cbd5e1;border-radius:10px;min-width:0;height:44px;padding:0 14px}.record-form input{flex:1}.record-form input:focus,.stack-form input:focus{border-color:#2563eb;outline:3px solid #2563eb24}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;height:44px;padding:0 18px}.primary-button{color:#fff;background:#2563eb;border:0}.secondary-button{color:#172033;background:#fff;border:1px solid #cbd5e1}.link-button{color:#2563eb;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.status-text,.empty-state{color:#64748b;margin:0}.records-list{gap:10px;display:grid}.record-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.record-item span{color:#64748b;flex:none;font-size:13px}@media (width<=640px){.app-shell{width:min(100vw - 24px,960px);padding:24px 0}.topbar,.record-form,.record-item{flex-direction:column;align-items:stretch}}