.app{font-family:Quicksand,system-ui,sans-serif;max-width:480px;margin:0 auto;background:linear-gradient(135deg,#fff8e7,#ffe4e1);min-height:100vh;padding-bottom:20px}.header{position:sticky;top:0;background:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a;z-index:10;border-radius:0 0 24px 24px}.header-left{font-size:14px;color:#5b9bd5;font-weight:700}.coins{background:#ffd93d;padding:4px 12px;border-radius:999px;font-weight:800}.nav{display:flex;gap:4px}.nav button{padding:6px 12px;border:none;background:#f0f0f0;border-radius:999px;font-size:13px;display:flex;align-items:center;gap:4px}.nav button.active{background:#ff6b9d;color:#fff}.pet-card{background:#fff;margin:16px;border-radius:24px;padding:20px;box-shadow:0 8px #ff8a65,0 12px 30px #0000001a}.pet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pet-header h2{font-size:28px;font-weight:800;color:#2c3e50}.rarity{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.rarity.rare{background:#4ecdc4;color:#fff}.pet-img{width:180px;height:180px;object-fit:contain;display:block;margin:0 auto}.pet-svg{font-size:120px;text-align:center}.level{text-align:center;font-weight:700;margin:8px 0}.exp-bar{height:10px;background:#eee;border-radius:999px;overflow:hidden}.exp-bar>div{height:100%;background:linear-gradient(to right,#ffd93d,#ff8a65);transition:width .3s}.stats{margin-top:16px;display:grid;gap:12px}.stat-bar{display:flex;align-items:center;gap:8px}.stat-header{width:60px;font-size:13px;display:flex;align-items:center;gap:4px}.bar-bg{flex:1;height:12px;background:#f5f5f5;border-radius:999px;overflow:hidden}.bar-fill{height:100%;transition:width .4s cubic-bezier(.68,-.55,.265,1.55)}.actions{display:flex;gap:12px;padding:0 16px}.actions button{flex:1;padding:14px;font-size:16px;font-weight:700;border:none;border-radius:999px;background:#5b9bd5;color:#fff;box-shadow:0 6px #3d7ab8}.actions button:active{transform:translateY(3px);box-shadow:none}.gacha-screen{padding:40px 20px;text-align:center}.blind-box{background:#fff;border-radius:32px;padding:30px;box-shadow:0 10px #ff6b9d;cursor:pointer}.blind-box img{width:220px}.diary-screen{padding:16px}.diary-form{background:#fff;border-radius:24px;padding:16px;margin-bottom:20px;box-shadow:0 6px #ffe4e1}.diary-form textarea{width:100%;height:80px;border:2px solid #ffe4e1;border-radius:16px;padding:12px;font-size:16px}.mood-select{display:flex;gap:8px;margin:12px 0}.mood-select span{font-size:28px;cursor:pointer;opacity:.5}.mood-select span.active{opacity:1;transform:scale(1.3)}.diary-list{display:grid;gap:12px}.diary-entry{background:#fff;padding:14px;border-radius:16px;box-shadow:0 4px #f0f0f0}.inventory-screen{padding:16px}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inv-item{background:#fff;padding:16px;border-radius:20px;text-align:center;box-shadow:0 6px #ffd93d}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.result{background:#fff;padding:30px;border-radius:24px;text-align:center}.result img{width:160px}.rename-modal{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;padding:16px;border-radius:20px;box-shadow:0 8px 30px #0003;display:flex;gap:8px}