.btn{border:none;border-radius:var(--radius-card);padding:14px 16px;font-weight:700;font-size:14px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff;border:1.6px solid var(--primary)}.btn-green{background:var(--accent-green);color:#fff;border-radius:var(--radius-pill);padding:10px 28px 10px 36px}.btn-secondary{background:var(--secondary-bg);color:var(--secondary);border:1.6px solid var(--secondary)}.btn-ghost{background:#fff;color:var(--text);border:.8px solid var(--border)}.btn-danger{background:#fff;color:#c0392b;border:.8px solid var(--border)}.card{background:var(--surface);border:.8px solid var(--border);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-soft)}.ghost-card-btn{width:100%;background:#fff;border:.8px solid var(--border);border-radius:var(--radius-card);padding:16px 12px;font-weight:700;font-size:13px;text-align:center;box-shadow:var(--shadow-soft)}.segmented{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-card);overflow:hidden}.seg{position:relative;overflow:hidden;border:.8px solid var(--border);background:#fff;color:var(--primary);padding:12px 8px;font-size:13px;font-weight:700}.seg:first-child{border-radius:var(--radius-card) 0 0 var(--radius-card)}.seg:last-child{border-radius:0 var(--radius-card) var(--radius-card) 0}.seg.active{color:#fff;border-color:var(--primary)}.seg-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--primary)}.seg-label{position:relative;z-index:1}.underline-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:8px 0 12px}.utab{position:relative;background:none;border:none;padding:8px 12px 10px;font-weight:700;font-size:14px;color:var(--text-muted)}.utab.active{color:var(--primary)}.utab-underline{position:absolute;left:6px;right:6px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}.period-pills{display:flex;gap:8px;justify-content:center;margin:8px 0}.pill{position:relative;overflow:hidden;min-width:48px;border:none;border-radius:var(--radius-pill);background:var(--pill-inactive);color:#888;font-weight:700;padding:6px 10px;font-size:13px}.pill.active{color:#fff}.pill-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--primary);border-radius:inherit}.pill-label{position:relative;z-index:1}.meta-card{font-size:13px;line-height:1.6}.meta-line{word-break:break-all}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-label{font-size:13px;font-weight:700}.req{margin-left:6px;font-style:normal;font-size:11px;color:#fff;background:#e74c3c;padding:1px 6px;border-radius:4px}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}.list-group{border:.8px solid var(--border);border-radius:var(--radius-card);overflow:hidden;background:#fff}.list-group button,.list-group a{display:block;width:100%;text-align:left;background:#fff;border:none;border-bottom:.8px solid var(--border);padding:16px;font-size:14px}.list-group>*:last-child{border-bottom:none}.shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--page-bg)}.topbar{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;border-bottom:1px solid #e5eef4}.logo{border:none;background:none;font-size:22px;font-weight:700;color:var(--primary-dark);position:relative;padding:0 0 6px}.logo-e{color:var(--accent-orange)}.logo-smile{position:absolute;left:8px;right:2px;bottom:0;height:6px;border-bottom:3px solid var(--accent-orange);border-radius:50%}.topbar-right{display:flex;align-items:center;gap:6px}.topbar-right.guest button{border:none;background:var(--primary);color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.user-chip{display:flex;align-items:center;gap:6px;border:none;background:none;text-align:left;max-width:160px}.user-chip small{display:block;font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.user-chip strong{display:block;font-size:11px;color:var(--primary)}.avatar{width:32px;height:32px;border-radius:50%;background:#e8f6fc;display:grid;place-items:center;border:1.5px solid var(--primary);color:var(--primary)}.icon-btn{border:1.5px solid var(--primary);background:#fff;color:var(--primary);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.shell-main{flex:1;overflow:hidden}.page-transition{width:100%}.tabbar{position:sticky;bottom:0;z-index:20;height:var(--tabbar-h);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #d9e6ef;padding-bottom:env(safe-area-inset-bottom)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--text-muted);font-size:10px;text-decoration:none}.tab.active{color:var(--primary);font-weight:700}.tab-icon-wrap{position:relative;width:40px;height:26px;display:grid;place-items:center}.tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:var(--primary-soft, rgba(0, 148, 213, .12));z-index:0}.tab-icon-svg{position:relative;z-index:1}.tab-label{line-height:1.1;text-align:center;transition:color .15s ease}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40;display:flex;justify-content:center}.drawer{width:min(430px,100%);margin-left:auto;height:100%;background:#fff;padding:16px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.drawer-name{font-weight:700}.drawer-pts{color:var(--primary);font-size:13px}.drawer-nav{display:flex;flex-direction:column;margin-bottom:16px}.drawer-nav button{text-align:left;border:none;border-bottom:1px solid #eee;background:none;padding:14px 4px;font-size:14px}.rank-card{color:#fff;border:none;background:linear-gradient(135deg,#f6c453,#d98f1f);position:relative;overflow:hidden}.dr-card{border:1.5px solid rgba(255,86,0,.35);background:linear-gradient(160deg,#fff8f3,#fff 55%)}.compare-bars{display:flex;flex-direction:column;gap:8px}.compare-row{display:flex;align-items:center;gap:4px;font-size:12px}.compare-row .muted{width:52px;flex-shrink:0}.feat-icon{width:44px;height:44px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;transition:transform .15s ease}.ghost-card-btn:hover .feat-icon,.ghost-card-btn:active .feat-icon{transform:translateY(-1px) scale(1.04)}.feat-icon--blue{color:#0073bd;background:linear-gradient(145deg,#e8f6fc,#d2eef8);box-shadow:inset 0 1px #ffffffb3}.feat-icon--gold{color:#c48912;background:linear-gradient(145deg,#fff6e0,#ffe8b0);box-shadow:inset 0 1px #ffffffb3}.feat-icon--green{color:#5a9e14;background:linear-gradient(145deg,#f0f9e4,#dcefc0);box-shadow:inset 0 1px #ffffffb3}.feat-icon--orange{color:#e04e00;background:linear-gradient(145deg,#fff0e8,#ffd9c4);box-shadow:inset 0 1px #ffffffb3}.feat-icon--slate{color:#5d8494;background:linear-gradient(145deg,#eef4f7,#d9e6ec);box-shadow:inset 0 1px #ffffffb3}.feat-icon--cyan{color:#0f8fbf;background:linear-gradient(145deg,#e6f7fc,#c5ebf6);box-shadow:inset 0 1px #ffffffb3}.rank-card.tier-シルバー{background:linear-gradient(135deg,#c9d3da,#8a99a6)}.rank-card.tier-プラチナ{background:linear-gradient(135deg,#7fd8e8,#3f8fae)}.rank-card-top{display:flex;align-items:center;gap:10px}.rank-tier-badge{width:44px;height:44px;border-radius:50%;background:#ffffff40;display:grid;place-items:center}.rank-progress-track{margin-top:12px;height:8px;border-radius:999px;background:#ffffff4d;overflow:hidden}.rank-progress-fill{height:100%;border-radius:999px;background:#fff}.streak-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}.streak-dot{aspect-ratio:1;border-radius:10px;background:var(--pill-inactive);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-muted)}.streak-dot.done{background:var(--accent-green);color:#fff}.streak-dot.today{outline:2px solid var(--primary);outline-offset:1px}.coupon-item,.service-item,.notif-item,.family-item{display:flex;gap:10px;align-items:flex-start}.coupon-icon,.service-icon,.notif-icon,.family-icon{width:38px;height:38px;border-radius:50%;background:var(--secondary-bg);color:var(--primary);display:grid;place-items:center;flex:none}.notif-item.unread .notif-icon{background:var(--primary);color:#fff}.badge-pill{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap}.badge-active{background:#e8f8ee;color:#1a7f4a}.badge-pending{background:var(--warning-bg);color:#a67c00}.badge-ended,.badge-used{background:#f2f2f2;color:var(--text-muted)}.progress-track{height:8px;border-radius:999px;background:var(--pill-inactive);overflow:hidden;margin:8px 0}.progress-fill{height:100%;border-radius:999px;background:var(--primary)}.campaign-banner{width:100%;height:96px;border-radius:var(--radius-card);display:grid;place-items:center;font-size:40px;background:linear-gradient(135deg,#dff1fb,#b9e2f6);margin-bottom:10px}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-orange);flex:none;margin-top:6px}.bell-btn{position:relative}.bell-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:999px;background:var(--accent-orange);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 3px}.luckydraw-stage{aspect-ratio:1;max-width:220px;margin:16px auto;border-radius:50%;background:conic-gradient(from 0deg,#1d9ed4,#84c91d,#ff5600,#f6c453,#1d9ed4);display:grid;place-items:center;box-shadow:var(--shadow-soft)}.luckydraw-hub{width:62%;height:62%;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:32px}.family-invite-input{display:flex;gap:8px}.family-invite-input input{flex:1;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.radial-wrap{position:relative;width:140px;height:140px;flex:none}.radial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.radial-center strong{font-size:22px;color:var(--primary-dark)}.confetti-layer{position:absolute;left:50%;top:80px;width:0;height:0;z-index:5;pointer-events:none}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-cell{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--pill-inactive);color:var(--text-muted)}.day-cell.ok{background:#e8f8ee;color:#1a7f4a}.day-cell.ng{background:#fdecea;color:#c0392b}.day-cell.today{outline:2px solid var(--primary)}.day-cell.future{opacity:.4}.alert-row{font-size:13px;gap:8px;color:#c0392b}.alert-row.ok{color:#1a7f4a}.mission-done{opacity:.75}.gacha-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.gacha-mode-tabs button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px;font-weight:700;font-size:12px}.gacha-mode-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gacha-mode-tabs button:disabled{opacity:.6}.gacha-stage{position:relative;border-radius:18px;padding:18px 12px 14px;margin-bottom:14px;overflow:hidden;background:linear-gradient(160deg,#0b2b3d,#134a66 45%,#1d9ed4);box-shadow:var(--shadow-soft);min-height:320px}.gacha-stage.special{background:linear-gradient(160deg,#3a2208,#8a5a12 45%,#f6c453)}.gacha-stage-glow{position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);pointer-events:none}.gacha-stage.is-spinning .gacha-stage-glow{animation:gachaPulse .6s ease-in-out infinite alternate}@keyframes gachaPulse{0%{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.gacha-perspective{perspective:900px;height:150px;display:grid;place-items:center;margin-bottom:8px}.gacha-capsule-3d{position:relative;width:110px;height:110px;border-radius:50%;transform-style:preserve-3d;transform:rotateX(8deg)}.capsule-face{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;backface-visibility:hidden;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.capsule-front{background:radial-gradient(circle at 32% 28%,#ffffff88,transparent 35%),radial-gradient(circle at 50% 50%,#5ec8f0,#0073bd 70%);box-shadow:inset 0 -10px 24px #00000040,0 10px 24px #00000059;transform:translateZ(18px);gap:2px}.gacha-capsule-3d.special .capsule-front{background:radial-gradient(circle at 32% 28%,#ffffff88,transparent 35%),radial-gradient(circle at 50% 50%,#ffe08a,#d98f1f 70%)}.capsule-back{background:radial-gradient(circle at 50% 40%,#2a8fbf,#044a75);transform:rotateY(180deg) translateZ(18px)}.gacha-capsule-3d.special .capsule-back{background:radial-gradient(circle at 50% 40%,#e0b14a,#8a5a12)}.capsule-left,.capsule-right{top:16px;right:16px;bottom:16px;left:16px;opacity:.55}.capsule-left{background:linear-gradient(90deg,#0d5f8a,#1d9ed4);transform:rotateY(-90deg) translateZ(22px)}.capsule-right{background:linear-gradient(90deg,#1d9ed4,#0d5f8a);transform:rotateY(90deg) translateZ(22px)}.gacha-capsule-3d.special .capsule-left,.gacha-capsule-3d.special .capsule-right{background:linear-gradient(90deg,#b8860b,#f6c453)}.capsule-shine{position:absolute;top:14px;left:22px;width:34px;height:18px;border-radius:50%;background:#ffffff73;filter:blur(1px);transform:translateZ(28px) rotate(-20deg);pointer-events:none}.slot-machine{position:relative;z-index:1}.slot-frame{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#00000059;border:2px solid rgba(255,255,255,.35);border-radius:14px;padding:10px;box-shadow:inset 0 0 0 2px #ffffff14}.slot-pointer{position:absolute;left:8px;right:8px;top:50%;height:56px;transform:translateY(-50%);border-radius:10px;border:2px solid rgba(255,255,255,.55);pointer-events:none;z-index:2;box-shadow:0 0 12px #fff3}.slot-reel{background:#0a1c28;border-radius:10px;overflow:hidden;height:56px}.gacha-stage.special .slot-reel{background:#2a1a08}.slot-reel-window{height:56px;overflow:hidden;position:relative}.slot-reel-strip{will-change:transform}.slot-reel-item{height:56px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;text-align:center;padding:0 4px;line-height:1.15;border-bottom:1px solid rgba(255,255,255,.06)}.slot-reel-item.idle{font-size:22px;opacity:.7}.gacha-status{margin-top:10px;text-align:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:grid;place-items:center;padding:24px}.win-card{position:relative;width:min(320px,100%);background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:var(--shadow-soft);overflow:hidden}.win-burst{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(246,196,83,.45),transparent 55%);pointer-events:none}.sticker-row{display:flex;gap:8px;margin-top:10px}.sticker{width:36px;height:36px;border-radius:10px;background:var(--secondary-bg);display:grid;place-items:center;font-size:18px}.rank-card-xl{padding:16px}.rank-tier-badge.big{width:52px;height:52px}.rank-progress-track.thin{height:5px;margin-top:4px}.perk-list{margin:8px 0;padding-left:18px;font-size:13px}.coupon-qr{margin-top:6px;padding:8px;border:1px dashed var(--border);border-radius:8px;text-align:center;font-family:monospace}.insight-card{background:linear-gradient(135deg,#e8f8ee,#dff1fb);border:none}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.quick-actions button{border:.8px solid var(--border);background:#fff;border-radius:10px;padding:10px 4px;font-size:11px;font-weight:700;box-shadow:var(--shadow-soft)}.home .profile-strip{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#dff1fb,transparent);padding:12px 4px 8px}.premium-badge{width:56px;text-align:center;font-size:20px}.premium-badge small{display:block;font-size:10px;color:#b8860b;font-weight:700}.profile-mid{flex:1}.eco-badge{font-size:10px;font-weight:700;color:#1a7f4a;background:#e8f8ee;border:1px solid #8fd4a8;border-radius:8px;padding:6px 8px;line-height:1.2;max-width:64px;text-align:center}.points-block{margin:8px 0 14px}.points-line{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.p-icon{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.bill-hero{width:100%;border:none;text-align:left;border-radius:14px;padding:14px;color:#fff;background:linear-gradient(135deg,#1d9ed4,#0073bd);box-shadow:var(--shadow-soft)}.bill-hero-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.paid-pill{background:#84c91d;color:#fff;font-size:11px;border-radius:999px;padding:3px 8px}.bill-meta{font-size:12px;opacity:.95;margin-top:4px}.bill-amount-box{margin-top:10px;background:#fff;color:var(--text);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center}.bill-amount-box strong{color:var(--primary-dark);font-size:22px}.bill-footer{margin-top:10px;text-align:right;font-size:13px;font-weight:700}.tile-icon{font-size:22px;margin-bottom:4px}.news-item,.content-card{width:100%;text-align:left;border:.8px solid var(--border);background:#fff;border-radius:var(--radius-card);padding:12px;display:flex;flex-direction:column;gap:4px}.news-item time,.content-card time{color:var(--text-muted);font-size:12px}.admin-shell{min-height:100dvh;display:flex;background:#f4f7fa;font-family:var(--font);color:var(--text)}.admin-sidebar{width:240px;flex:none;background:#0b2b3d;color:#fff;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100dvh}.admin-logo{font-size:18px;font-weight:700;padding:8px 10px 20px}.admin-logo span{color:var(--accent-orange)}.admin-logo small{display:block;font-size:11px;font-weight:400;opacity:.7;margin-top:2px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:#ffffffbf;font-size:14px;font-weight:600}.admin-nav-item:hover{background:#ffffff14;color:#fff}.admin-nav-item.active{background:var(--primary);color:#fff}.admin-back{border-top:1px solid rgba(255,255,255,.15);margin-top:12px;padding-top:16px}.admin-content{flex:1;min-width:0;padding:28px 36px;max-width:1100px}.admin-page-title{font-size:22px;font-weight:700;margin:0 0 4px}.admin-page-sub{color:var(--text-muted);margin:0 0 24px;font-size:14px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-kpi-card{background:#fff;border-radius:12px;padding:18px;box-shadow:var(--shadow-soft)}.admin-kpi-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.admin-kpi-value{font-size:26px;font-weight:700;color:var(--primary-dark)}.admin-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow-soft);margin-bottom:20px}.admin-panel-title{font-weight:700;margin:0 0 14px;font-size:15px}.admin-bars{display:flex;align-items:flex-end;gap:10px;height:140px}.admin-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.admin-bar{width:100%;border-radius:6px 6px 0 0;background:var(--primary)}.admin-bar-label{font-size:11px;color:var(--text-muted)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;color:var(--text-muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--border)}.admin-table td{padding:12px 8px;border-bottom:1px solid #eef2f5;vertical-align:top}.admin-table tr:last-child td{border-bottom:none}.admin-form-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;margin-bottom:12px}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{border:1px solid var(--border);border-radius:8px;padding:9px 10px;font:inherit;width:100%}.admin-form-row textarea{resize:vertical}.admin-actions{display:flex;gap:8px}.admin-icon-btn{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:var(--text)}.admin-icon-btn.danger{color:#c0392b}:root{--font: "Noto Sans JP", sans-serif;--text: #333333;--text-muted: #888888;--primary: #1d9ed4;--primary-dark: #0073bd;--accent-orange: #ff5600;--accent-green: #84c91d;--secondary: #5d8494;--secondary-bg: #f5fafc;--surface: #ffffff;--page-bg: #eef6fb;--border: #cccccc;--pill-inactive: #f2f2f2;--warning-bg: #fff8db;--radius-card: 10px;--radius-pill: 30px;--header-h: 56px;--tabbar-h: 64px;--shadow-soft: 0 2px 8px rgba(0, 84, 172, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:#d9e8f2;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-root{min-height:100dvh;display:flex;justify-content:center;background:#cfe0ec}.phone-frame{width:100%;max-width:430px;min-height:100dvh;background:var(--page-bg);position:relative;box-shadow:0 0 0 1px #0000000f}.page{padding:12px 16px calc(var(--tabbar-h) + 20px)}.page-title{margin:8px 0 16px;font-size:18px;font-weight:700;text-align:center}.section-title{margin:20px 0 10px;font-size:17px;font-weight:700;padding-left:8px;border-left:4px solid var(--primary)}.muted{color:var(--text-muted);font-size:12px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}