:root{--bg: #14121f;--text: #f2eff9;--text-2: #c9c3dd;--gold: #f1cf7c;--purple: #8b6dff;--purple-2: #b478ff;--card: #221d36;--card-2: #2b2542;--card-border: #3c3558;--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(139,109,255,.28),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{max-width:640px;margin:0 auto;padding:14px 14px 92px;overflow-x:hidden}img{max-width:100%}.panel,.reading{overflow-wrap:anywhere}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header h1{font-size:22px;margin:0;letter-spacing:.2px;color:var(--text)}.header .chip{font-size:13px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;font-weight:700}.chip.gold{background:linear-gradient(135deg,var(--gold),#f4a261);color:#241a04}.chip.free{background:var(--card-2);color:var(--text);border:1px solid var(--card-border)}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.panel h2{margin:0 0 10px;font-size:19px;color:var(--text)}.muted{color:var(--text-2);font-size:15.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;font-size:16.5px;font-weight:700;padding:15px 16px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-2));transition:transform .08s ease,opacity .2s}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--card-2);color:var(--text);border:1px solid var(--card-border)}.btn.gold{background:linear-gradient(135deg,var(--gold),#f4a261);color:#241a04}.btn:disabled{opacity:.55}.btn.small{width:auto;padding:10px 15px;font-size:14.5px;border-radius:999px}.row{display:flex;gap:10px}.row>*{flex:1}input.q{width:100%;padding:14px;border-radius:12px;font-size:16.5px;background:#17142480;border:1px solid var(--card-border);color:var(--text)}input.q::placeholder{color:var(--text-2);opacity:.8}.tcard{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#2e2748,#181329);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0006}.tcard img{width:100%;height:100%;object-fit:cover}.tcard.rev img{transform:rotate(180deg)}.tcard .emoji{font-size:46px}.tcard .back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#2e2748 0,#2e2748 8px,#251f3c 8px,#251f3c 16px);font-size:42px;color:var(--gold)}@keyframes flipIn{0%{transform:rotateY(90deg) translateY(8px);opacity:0}to{transform:rotateY(0) translateY(0);opacity:1}}.flip{animation:flipIn .5s ease both}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}.cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px}.cards-row.single{grid-template-columns:minmax(0,150px);justify-content:center}.card-cell{text-align:center;min-width:0}.card-cell .label{font-size:13px;color:var(--text-2);margin-top:6px;font-weight:600}.card-cell .name{font-size:13.5px;font-weight:700;margin-top:2px;color:var(--text)}.reading{font-size:16.5px;line-height:1.7;color:var(--text)}.reading b{color:var(--gold);font-weight:700}.reading i{color:var(--text-2);font-style:italic}.item{display:flex;align-items:center;gap:12px;padding:15px;background:var(--card);border:1px solid var(--card-border);border-radius:14px;margin-bottom:10px;cursor:pointer}.item .ic{font-size:26px}.item .meta{flex:1;min-width:0}.item .meta .t{font-weight:700;font-size:16.5px;color:var(--text)}.item .meta .d{font-size:14.5px;color:var(--text-2);margin-top:2px}.item .price{font-size:14.5px;color:var(--gold);white-space:nowrap;font-weight:700}.lock{opacity:.92}.enc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px}.enc-cell{text-align:center;cursor:pointer}.enc-cell .nm{font-size:12.5px;color:var(--text);margin-top:5px;line-height:1.25;font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:999px;font-size:14.5px;background:var(--card-2);border:1px solid var(--card-border);cursor:pointer;color:var(--text);font-weight:600}.tab.active{background:var(--purple);color:#fff;border-color:transparent}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;align-items:center;background:#12101cf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--card-border);padding:9px 4px calc(9px + env(safe-area-inset-bottom))}.nav button{background:none;border:none;color:var(--text-2);font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex:1}.nav button .ic{font-size:21px}.nav button.active{color:var(--gold)}.center{text-align:center}.spinner{width:34px;height:34px;border-radius:50%;margin:40px auto;border:3px solid var(--card-border);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--card-border);margin:16px 0;border:0}.back-link{color:var(--purple-2);background:none;border:none;cursor:pointer;font-size:15px;padding:6px 0;margin-bottom:8px;font-weight:600}.badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--card-2);font-size:12.5px;color:var(--text-2);margin-left:6px;font-weight:600;vertical-align:middle}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--card-2);border:1px solid var(--card-border);padding:12px 18px;border-radius:12px;z-index:50;font-size:15px;color:var(--text);box-shadow:0 6px 22px #00000073;max-width:90%;text-align:center}.panel>div[style]{padding:3px 0}