:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f4ff;background:#05080f;line-height:1.45;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#123052 0,#08101d 35%,#05080f 70%)}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;background:#070b13dd;border-bottom:1px solid #18324c;backdrop-filter:blur(14px)}h1{font-size:1.65rem;margin:0;text-shadow:0 0 18px #00d9ff55}header small{color:#32d9ff;letter-spacing:.12em}main{max-width:1000px;margin:auto;padding:8px 16px 100px}.notice{display:flex;gap:8px;align-items:center;padding:14px;border:1px solid #e8a31766;border-radius:14px;background:#2a1c08;color:#ffd166;box-shadow:inset 0 0 20px #f59e0b18;margin-bottom:14px}.notice strong{font-size:1.5rem}.search input,label input{width:100%;font:inherit;color:#e8f4ff;border:1px solid #234a69;border-radius:10px;padding:13px;background:#0b1522;outline:none}.search input:focus,label input:focus{border-color:#27d4ff;box-shadow:0 0 0 3px #27d4ff22}.search{margin-bottom:12px}nav{display:flex;gap:8px;overflow:auto;padding-bottom:12px}button,.button{font:inherit;min-height:44px;border:1px solid #203b55;border-radius:10px;padding:9px 14px;background:#0e1a29;color:#bcd0df;text-decoration:none;cursor:pointer;white-space:nowrap}button:hover{border-color:#36d9ff}nav .active,.primary{border-color:#21c9ef;background:#0b6682;color:#e9fcff;box-shadow:0 0 14px #18c8ed33}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{padding:0;text-align:left;background:#0a111d;overflow:hidden;border:1px solid #1b3850;box-shadow:0 8px 24px #0008}.card:hover{transform:translateY(-1px);box-shadow:0 8px 25px #00bdea1a}.card img{width:100%;height:145px;object-fit:cover;background:#101a25}.card div{padding:10px}.card strong,.card span{display:block;overflow:hidden;text-overflow:ellipsis}.card span{font-size:.86rem;color:#8199aa}.badge{display:inline-block!important;width:auto;margin-top:7px;padding:3px 8px;border:1px solid;border-radius:999px;font-weight:650}.badge[data-status="available"]{color:#4ade80;background:#092316;border-color:#22c55e}.badge[data-status="soon"]{color:#facc15;background:#292006;border-color:#eab308}.badge[data-status="expired"]{color:#fb7185;background:#2b0b12;border-color:#f43f5e}.badge[data-status="used"]{color:#a78bfa;background:#1d1537;border-color:#8b5cf6}.fab{position:fixed;z-index:3;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;padding:0;font-size:2rem;color:#031017;border:1px solid #73ecff;background:#2ad5f4;box-shadow:0 0 24px #22d3ee88}.icon{padding:0;width:44px;background:transparent;font-size:1.5rem}dialog{color:#e8f4ff;background:#08111d;border:1px solid #235070;border-radius:16px;padding:20px;width:min(92vw,520px);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #000}dialog::backdrop{background:#01040bcc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.picker{display:block;margin:14px 0;padding:18px;text-align:center;border:2px dashed #2784a6;border-radius:12px;color:#55daf6}.picker input{position:absolute;opacity:0;width:1px}label{display:block;margin:12px 0}.preview,.full{display:block;max-width:100%;max-height:60vh;margin:auto;border-radius:10px}.full{touch-action:pinch-zoom}.actions{display:flex;flex-wrap:wrap;gap:8px}.danger{color:#fb7185;border-color:#7f1d2d}.empty{text-align:center;color:#7590a3;padding:50px 10px}#toast{position:fixed;z-index:10;left:50%;bottom:95px;transform:translateX(-50%);background:#102235;color:#dff8ff;border:1px solid #2bc7e5;padding:10px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(min-width:700px){.card img{height:190px}header{padding-left:max(18px,calc((100vw - 1000px)/2));padding-right:max(18px,calc((100vw - 1000px)/2))}}