:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color:#e5edf5;background:radial-gradient(circle at top center,rgba(56,189,248,.08),transparent 28%),linear-gradient(180deg,#0b1120,#0f172a 48%,#111827)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;color:#e5edf5;background:radial-gradient(circle at top center,rgba(56,189,248,.08),transparent 28%),linear-gradient(180deg,#0b1120,#0f172a 48%,#111827)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}h1,h2,h3,p{margin-top:0}pre{margin:0;white-space:pre-wrap;word-break:break-word}details summary{cursor:pointer}.app-shell{width:min(100%,1080px);margin:0 auto;padding:1rem 1rem 2.5rem}.hero-panel,.panel,.saved-card{border:1px solid rgba(148,163,184,.14);border-radius:1.5rem;background:#0f172ad6;box-shadow:0 20px 48px #02061761,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel{padding:1.25rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hero-panel.highlighted,.saved-card.highlighted{border-color:#38bdf866;box-shadow:0 0 0 .18rem #38bdf81f,0 20px 48px #02061761,inset 0 1px #ffffff08;animation:read-pulse .9s ease-out}.hero-header{display:grid;gap:1rem}.hero-copy h1{margin-bottom:.75rem;color:#f8fafc;font-size:clamp(2.7rem,14vw,4.7rem);line-height:.92;letter-spacing:-.06em}.hero-actions{display:flex}.eyebrow{margin:0 0 .65rem;color:#7dd3fc;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.description,.empty-copy,.empty-state p{color:#94a3b8;font-size:1rem}.primary-button,.ghost-button,.danger-button{border:0;border-radius:6px;font-weight:800;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button{width:100%;padding:.5rem 1.25rem;color:#eaf6ff;background:linear-gradient(135deg,#0f766e,#155e75);box-shadow:0 10px 24px #082f4957}.ghost-button{padding:.5rem 1rem;color:#dbe7f4;background:#1e293beb}.danger-button{padding:.5rem .95rem;color:#fecaca;background:#7f1d1da8}.feedback-message{margin:1rem 0 0;padding:.8rem 1rem;border-radius:1rem;font-weight:700}.success-message{border:1px solid rgba(45,212,191,.18);color:#ccfbf1;background:#0f766e47}.error-message{border:1px solid rgba(248,113,113,.18);color:#fee2e2;background:#7f1d1d42}.current-card{display:grid;gap:1rem;margin-top:1.25rem}.balance-panel{padding:1.15rem;border:1px solid rgba(56,189,248,.12);border-radius:1.25rem;color:#eff6ff;background:linear-gradient(160deg,#0e74903d,#0f172ae0),#0f172aeb}.section-label{margin:0 0 .4rem;color:#93c5fd;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.balance-panel h2{margin-bottom:.75rem;color:#f8fafc;font-size:clamp(1.65rem,7vw,2.25rem);line-height:1.05}.balance-amount{margin:0;color:#f8fafc;font-size:clamp(2.6rem,14vw,4.6rem);line-height:.95;font-weight:900;letter-spacing:-.06em}.reading-meta{margin:.75rem 0 0;color:#cbd5e1}.alias-field{display:grid;gap:.45rem}.alias-field span{color:#cbd5e1;font-size:.84rem;font-weight:800}.alias-field input{width:100%;padding:.5rem .95rem;border:1px solid rgba(71,85,105,.9);border-radius:6px;color:#f8fafc;background:#0f172aeb}.alias-field input::placeholder{color:#64748b}.alias-field input:focus{outline:2px solid rgba(56,189,248,.36);border-color:#38bdf86b}.empty-state{margin-top:1.25rem;padding:1.25rem;border:1px dashed rgba(71,85,105,.72);border-radius:1.25rem;background:#0f172a80}.empty-state h2{margin-bottom:.45rem;color:#f8fafc;font-size:1.4rem}.panel{margin-top:1rem;padding:1.25rem}.panel-header{display:flex;gap:.85rem;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.panel-header h2{margin-bottom:.25rem;color:#f8fafc;font-size:1.45rem}.cards-list{display:grid;gap:.9rem}.saved-card{padding:1rem}.saved-card-header{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.saved-card-header h3{margin-bottom:.25rem;color:#f8fafc;font-size:1.15rem}.card-id{margin:0;color:#7c8ba1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;word-break:break-word}.saved-card-summary{display:grid;gap:.75rem;margin-top:1rem;padding:.9rem 0;border-top:1px solid rgba(51,65,85,.9);border-bottom:1px solid rgba(51,65,85,.9)}.saved-card-summary span{display:block;margin-bottom:.25rem;color:#7c8ba1;font-size:.82rem}.saved-card-summary strong{display:block;color:#e5edf5;font-size:1rem}.history-list{margin:0;padding:1rem;list-style:none}.history-entry+.history-entry{margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(51,65,85,.9)}.history-row{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.history-row time{color:#cbd5e1;font-weight:600}.history-row strong{color:#f8fafc}.history-diff{margin:.35rem 0 0;font-size:.92rem}.history-diff.positive{color:#5eead4}.history-diff.negative{color:#fca5a5}.history-diff.neutral{color:#cbd5e1}.history-diff.unavailable{color:#7c8ba1}@keyframes read-pulse{0%{transform:scale(1)}45%{transform:scale(1.01)}to{transform:scale(1)}}@media(min-width:720px){.app-shell{padding:1.75rem 1.5rem 3rem}.hero-header{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start}.primary-button{width:auto;min-width:14rem}.current-card{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.details-panel{grid-column:1 / -1}.details-grid,.saved-card-summary,.cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.cards-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
