*{box-sizing:border-box}:root{font-family:Segoe UI,Inter,system-ui,sans-serif;color:#2b2b2b}body{margin:0;min-height:100vh;background:#fffafc}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative;overflow:hidden}.page.shake{animation:screenShake .6s ease}@keyframes screenShake{0%{transform:translate(0)}20%{transform:translate(-8px,6px)}40%{transform:translate(6px,-8px)}60%{transform:translate(-4px,4px)}80%{transform:translate(4px,-2px)}to{transform:translate(0)}}.bg-scroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#fff}.bg-scroll-track{display:flex;flex-direction:column;animation:scrollGrid 220s linear infinite}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:28px;opacity:.7}.bg-grid:not(.clone){padding-bottom:9px}@keyframes scrollGrid{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bg-grid.clone{margin-top:0;padding-top:9px;padding-bottom:0}.bg-tile{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #0000001f;transform:rotate(-1deg)}.bg-tile img{width:100%;height:160px;object-fit:cover;display:block;filter:saturate(.9) brightness(1.06)}.bg-tile.tile-1{transform:rotate(2deg) scale(1.02)}.bg-tile.tile-2{transform:rotate(-3deg) scale(1.02)}.bg-tile.tile-3{transform:rotate(1deg) scale(.98)}.bg-tile.tile-4{transform:rotate(-2deg) scale(1.01)}.bg-tile.tile-5{transform:rotate(3deg) scale(.99)}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffafcd9,#fffafc99 40%,#fffafce6)}.card{background:#ffffffe6;border-radius:24px;padding:32px 36px 28px;box-shadow:0 20px 50px #db96b240;text-align:center;max-width:620px;width:min(90vw,620px);position:relative;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);color:#c65d7b}.subtitle{margin:0 0 18px;color:#7a4b5c}.message{margin:12px auto 18px;padding:10px 14px;background:#fff0f5;border-radius:12px;color:#7a3f57;font-weight:600}.button-area{position:relative;width:min(520px,80vw);height:200px;margin:0 auto 16px}.btn{border:none;padding:12px 26px;border-radius:999px;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.yes{background:linear-gradient(135deg,#ff8bb5,#ffb5c8);color:#fff;box-shadow:0 12px 24px #ff8bb559;position:absolute;left:50%;top:50%;transform:translate(-120%,-50%)}.btn.no{background:#f2f2f7;color:#51484b;box-shadow:0 10px 20px #6e6e6e26;position:absolute}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn.no.glitch{animation:glitch .4s ease-in-out}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}.btn.swap{animation:swapper .6s ease}@keyframes swapper{0%{transform:translate(0)}50%{transform:translate(110px)}to{transform:translate(0)}}.hint{margin:0;color:#8b6b76;font-size:.9rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#170c118c;z-index:5}.modal{background:#fff;padding:26px;border-radius:22px;width:min(90vw,420px);text-align:center;box-shadow:0 30px 60px #0003}.modal input{width:100%;padding:10px 12px;margin-top:12px;border-radius:12px;border:1px solid #e0d1d7}.error{color:#c23a57;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.btn.ghost{background:transparent;border:1px solid #d0c0c6;color:#6d5b64}.zip-modal{width:min(94vw,520px)}.zip-grid{display:grid;gap:6px;margin:16px auto 8px;-webkit-user-select:none;user-select:none}.zip-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.zip-cell{border:1px solid #e2d5db;background:#f8f3f6;border-radius:10px;height:38px;font-size:.85rem;font-weight:700;color:#7a4b5c;cursor:pointer}.zip-cell.active{background:#ffe4ee;border-color:#ff9fc0;box-shadow:inset 0 0 0 2px #ff9fc059}.alarm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;animation:alarmFlash .8s infinite}.alarm-card{background:#ffffffe6;padding:26px 30px;border-radius:20px;text-align:center;box-shadow:0 20px 50px #0003}.alarm-card img{width:90px;height:90px;border-radius:50%;margin-bottom:10px}@keyframes alarmFlash{0%{background:#fffffff2}50%{background:#ff003cbf}to{background:#fffffff2}}.xp-bar{margin:18px auto 10px;width:min(82vw,360px);padding:6px;border-radius:12px;background:linear-gradient(180deg,#f4f7fb,#dfe6ef);border:1px solid #9fb0c3;box-shadow:inset 0 1px 2px #fffc}.xp-progress{position:relative;height:18px;border-radius:9px;overflow:hidden;width:63%;background:linear-gradient(180deg,#5aa3ff,#2c6dd9);box-shadow:inset 0 0 0 1px #ffffff59}.xp-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0,#ffffff73 45%,#fff0 80%);opacity:.7}.xp-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:90px;background:linear-gradient(90deg,#fff0,#ffffffe6,#fff0);animation:xpWave 1.2s linear infinite;mix-blend-mode:screen}.xp-stuck{margin-top:8px;font-size:.85rem;color:#4b5970}@keyframes xpWave{0%{transform:translate(-90px)}to{transform:translate(320px)}}.broken-heart{position:absolute;width:120px;height:60px;pointer-events:none;display:flex;gap:18px;align-items:center}.heart-piece{font-size:2rem;animation:fall 1.8s ease-in forwards}.heart-piece.left{transform:rotate(-18deg)}.heart-piece.right{transform:rotate(18deg)}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(260px) rotate(18deg);opacity:0}}.yes-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.yes-header{text-align:center;padding:14px 20px 10px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;box-shadow:0 4px 20px #0000000f}.yes-header h1{margin:0;font-size:clamp(1.4rem,3vw,2rem);color:#c65d7b}.theme-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;min-height:0}.theme-card{position:relative;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.theme-card:hover{filter:brightness(1.08)}.theme-card.expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;cursor:default;animation:themeExpand .5s ease forwards}.theme-card.hidden{opacity:0;pointer-events:none;transform:scale(.9)}@keyframes themeExpand{0%{border-radius:0}to{border-radius:0}}.theme-scroll{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;overflow:hidden}.theme-scroll-track{display:flex;flex-direction:column;gap:8px;animation:themeScrollY 60s linear infinite}.theme-scroll-track img{width:100%;height:auto;display:block;object-fit:cover}@keyframes themeScrollY{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.theme-label{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.theme-emoji{display:block;font-size:clamp(2.4rem,5vw,3.6rem);margin-bottom:6px}.theme-name{font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700;letter-spacing:.02em}.theme-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;text-align:center;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;animation:fadeIn .3s ease}.theme-confirm h2{font-size:3rem;margin:0 0 8px}.theme-confirm p{font-size:1.1rem;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}