:root{--bg1:#f3f1fa;--bg2:#d6d9e8;--panel:#ffffff;--panel2:#eef1f7;--tx:#1d2540;--mu:#5d667d;--gold:#b8913f;--ln:#c4cbd9;--acc:#27468f;--acc2:#3f6fc4;--hi:#3f6fc4;--btntx:#ffffff;--red:#b5392f;--grn:#2c7a5b;--snow:#ffffff;--gem:#e89a00;--glow:rgba(39,70,143,.16);--grid:rgba(39,70,143,.06);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg1:#232a50;--bg2:#0d1222;--panel:#182038;--panel2:#212b4a;--tx:#eef2fb;--mu:#a9b3cc;--gold:#e3c27a;--ln:#3a4a7a;--acc:#3f72cf;--acc2:#6a9be8;--hi:#a9cbf8;--red:#e5594b;--grn:#7ee0b0;--gem:#ffbf3a;--glow:rgba(106,155,232,.28);--grid:rgba(106,155,232,.07)}}
:root[data-theme="dark"]{--bg1:#232a50;--bg2:#0d1222;--panel:#182038;--panel2:#212b4a;--tx:#eef2fb;--mu:#a9b3cc;--gold:#e3c27a;--ln:#3a4a7a;--acc:#3f72cf;--acc2:#6a9be8;--hi:#a9cbf8;--red:#e5594b;--grn:#7ee0b0;--gem:#ffbf3a;--glow:rgba(106,155,232,.28);--grid:rgba(106,155,232,.07)}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100vh;color:var(--tx);font:16px/1.45 "Segoe UI",system-ui,-apple-system,sans-serif;
background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/28px 28px,radial-gradient(ellipse at top,var(--bg1),var(--bg2)) fixed}
.snow{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.snow i{position:absolute;top:-10px;background:var(--snow);border-radius:50%;opacity:.8;box-shadow:0 0 6px var(--acc2);animation:fall linear infinite}
@keyframes fall{to{transform:translate3d(30px,105vh,0)}}
@media (prefers-reduced-motion:reduce){.snow{display:none}}
main{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:22px 16px 48px}
header{text-align:center;margin-bottom:24px}
h1{margin:6px 0 2px;font:800 2rem/1.15 "Segoe UI",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,var(--tx),var(--hi));-webkit-background-clip:text;background-clip:text;color:transparent}
.orn{color:var(--gold);letter-spacing:.4em;font-size:.8rem;display:flex;align-items:center;gap:10px;justify-content:center}
.orn:before,.orn:after{content:"";height:2px;width:70px;background:linear-gradient(90deg,transparent,var(--gold) 60%,var(--red))}
.orn:after{transform:scaleX(-1)}
.sub{color:var(--mu);margin:8px 0 0;font-size:.92rem}
.panel{position:relative;background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid var(--ln);border-radius:4px;padding:16px;margin-bottom:14px;box-shadow:0 2px 16px var(--glow)}
.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--gold);pointer-events:none}
.panel:before{top:-2px;left:-2px;border-right:0;border-bottom:0}
.panel:after{bottom:-2px;right:-2px;border-left:0;border-top:0}
form.panel{display:grid;gap:9px}
input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:3px;background:var(--panel);color:var(--tx);font:inherit}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--glow)}
textarea{min-height:64px;resize:vertical}
.btn{font:inherit;font-weight:700;border:0;border-bottom:3px solid var(--gold);border-radius:3px;padding:10px 20px;cursor:pointer;background:linear-gradient(90deg,var(--acc),var(--acc2));color:var(--btntx);letter-spacing:.04em}
.btn.small{padding:6px 14px;font-size:.85rem;background:transparent;color:var(--mu);border:1px solid var(--ln);font-weight:500}
.row{display:flex;gap:8px;flex-wrap:wrap}
.item{display:grid;grid-template-columns:5px 1fr;padding:0;overflow:visible}
.item .strip{background:var(--rar);box-shadow:0 0 10px var(--rar)}
.item .body{padding:14px 16px;background:linear-gradient(120deg,color-mix(in srgb,var(--rar) 18%,transparent),transparent 55%)}
.stars{color:var(--rar);letter-spacing:.12em;font-size:.95rem;text-shadow:0 0 8px var(--rar)}
.r5{--rar:#f0b43c}.r4{--rar:#b98aff}.r3{--rar:#5aa6f0}
.item h3{margin:2px 0 4px;font:700 1.1rem/1.3 "Segoe UI",system-ui,sans-serif;overflow-wrap:anywhere}
.item p{margin:4px 0;color:var(--mu);overflow-wrap:anywhere}
.price{display:inline-block;color:var(--grn);font-weight:700;font-size:.9rem}
.price:before{content:"\25C6  ";color:var(--gem)}
a.go{display:inline-block;margin-top:8px;padding:7px 16px;border-radius:3px;border-bottom:3px solid var(--gold);background:linear-gradient(90deg,var(--acc),var(--acc2));color:var(--btntx);font-weight:700;font-size:.88rem;text-decoration:none}
.empty{text-align:center;color:var(--mu);padding:28px 0}
.note{font-size:.85rem;color:var(--red)}
[hidden]{display:none!important}
input[type=checkbox]{width:auto}
label.chk{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--mu)}
a.btn{text-decoration:none;display:inline-block}