.login-screen{--login-bg: var(--ds-bg);--login-ink: var(--ds-ink);--login-purple: var(--ds-purple);--login-muted: var(--ds-muted);--login-yellow: var(--ds-yellow);--login-naver: #08c760;--login-apple: #101014;--login-white: #ffffff;--login-error: #ef4444;--login-shadow: 0 4px 12px rgba(59, 46, 97, .1);position:relative;isolation:isolate;max-width:480px;margin:0 auto;min-height:100%;height:100%;overflow:hidden;background:var(--login-bg);color:var(--login-ink);padding:calc(20px + env(safe-area-inset-top,0px)) 28px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}html:has(.login-screen),html:has(.login-screen) body{background:var(--login-bg, #fbfaff)}.login-screen .login-top{position:relative;z-index:1;min-height:324px;margin-bottom:16px}.login-screen .login-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px}.login-screen .login-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.login-screen .login-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.login-screen .login-brand-name span{color:var(--login-purple)}.login-screen .login-lead{position:relative;z-index:1;font-size:var(--fs-body);font-weight:400;color:var(--login-muted);line-height:1.35;margin-bottom:28px;max-width:240px}.login-screen .login-headline{position:relative;z-index:1;font-size:29px;font-weight:800;line-height:1.22;letter-spacing:-.03em;max-width:176px}.login-screen .login-headline .accent,.login-screen .login-headline .line{display:block;font-size:31px}.login-screen .login-headline .accent{color:var(--login-purple)}.login-screen .login-sub{position:relative;z-index:1;margin-top:12px;font-size:var(--fs-body);color:var(--login-muted);line-height:1.35;max-width:200px}.login-screen .login-hero-art{position:absolute;right:0;top:0;width:196px;height:309px;object-fit:contain;object-position:top center;pointer-events:none;z-index:0}.login-screen .login-actions{display:flex;flex-direction:column;gap:9px;z-index:1}.login-screen .login-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--btn-height);height:var(--btn-height);border-radius:var(--btn-radius);font-size:var(--fs-button);font-weight:600}.login-screen .login-btn:disabled{opacity:.5;cursor:not-allowed}.login-screen .login-btn-kakao{background:var(--login-yellow);color:var(--login-ink)}.login-screen .login-btn-naver{background:var(--login-naver);color:var(--login-white)}.login-screen .login-btn-google{background:var(--login-white);color:var(--login-ink);box-shadow:var(--login-shadow)}.login-screen .login-btn-apple{background:var(--login-apple);color:var(--login-white)}.login-screen .login-legal{margin-top:18px;text-align:center;font-size:12px;line-height:1.5;color:var(--login-muted);z-index:1}.login-screen .login-legal strong{display:block;color:var(--login-purple);font-weight:400}.login-screen .login-error{margin-top:12px;text-align:center;font-size:var(--fs-body);color:var(--login-error);z-index:1}.login-screen .login-footer{position:absolute;left:0;right:0;bottom:0;width:100%;height:168px;object-fit:cover;object-position:bottom;pointer-events:none;z-index:0}.gate-screen{--gate-bg: var(--ds-bg);--gate-ink: var(--ds-ink);--gate-purple: var(--ds-purple);--gate-muted: var(--ds-muted);--gate-white: var(--ds-white);--gate-yellow: var(--ds-yellow);--gate-line: var(--ds-line);--gate-error: var(--ds-error);--gate-shadow: 0 4px 12px rgba(59, 46, 97, .1)}html:has(.gate-screen),html:has(.gate-screen) body{background:var(--gate-bg, #fbfaff)}.gate-screen.page{background:var(--gate-bg);color:var(--gate-ink);padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));min-height:100%;display:flex;flex-direction:column}.gate-screen.gate-center{justify-content:center;align-items:center;text-align:center}.gate-screen .gate-brand{display:flex;align-items:center;gap:8px;margin-bottom:28px}.gate-screen.gate-center .gate-brand{justify-content:center;margin-bottom:20px}.gate-screen .gate-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.gate-screen .gate-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.gate-screen .gate-brand-name span{color:var(--gate-purple)}.gate-screen .gate-title{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.25}.gate-screen .gate-lead{margin-top:8px;margin-bottom:24px;font-size:var(--fs-body);color:var(--gate-muted);line-height:1.45}.gate-screen .gate-card{background:var(--gate-white);border-radius:18px;box-shadow:var(--gate-shadow);padding:16px}.gate-screen .gate-stack{display:flex;flex-direction:column;gap:12px}.gate-screen .gate-check{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;font-size:14px;font-weight:600}.gate-screen .gate-check+.gate-check{border-top:1px solid var(--gate-line)}.gate-screen .gate-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--gate-purple)}.gate-screen .gate-check-text{display:flex;align-items:center;gap:8px;flex:1}.gate-screen .gate-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:10px;font-size:12px;font-weight:700;flex-shrink:0}.gate-screen .gate-badge.required{background:#f3eeff;color:var(--gate-purple)}.gate-screen .gate-badge.optional{background:#f4f4f7;color:var(--gate-muted)}.gate-screen .gate-quote{font-size:20px;font-weight:800;line-height:1.45;letter-spacing:-.03em}.gate-screen .gate-dots{display:flex;gap:6px;margin:16px 0 4px}.gate-screen .gate-dots span{width:8px;height:8px;border-radius:4px;background:var(--gate-line)}.gate-screen .gate-dots span.on{width:18px;background:var(--gate-purple)}.gate-screen .gate-label{font-size:12px;color:var(--gate-muted)}.gate-screen .gate-input{width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--gate-line);background:var(--gate-white);color:var(--gate-ink);font:inherit;font-size:15px;color-scheme:light}.gate-screen .gate-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:24px}.gate-screen .gate-btn,.gate-screen .gate-btn-yellow,.gate-screen .gate-btn-ghost{width:100%;min-height:var(--btn-height);border-radius:var(--btn-radius);font-size:var(--fs-button);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.gate-screen .gate-btn{background:var(--gate-purple);color:#fff}.gate-screen .gate-btn-yellow{background:var(--gate-yellow);color:#17172a}.gate-screen .gate-btn-ghost{background:var(--gate-white);border:1px solid var(--gate-line);color:var(--gate-ink)}.gate-screen .gate-btn:disabled,.gate-screen .gate-btn-yellow:disabled,.gate-screen .gate-btn-ghost:disabled{opacity:.55}.gate-screen .gate-error{margin-top:12px;font-size:var(--fs-body);color:var(--gate-error)}.gate-screen .gate-muted{font-size:var(--fs-body);color:var(--gate-muted);line-height:1.45}.gate-screen .gate-status{font-size:16px;font-weight:700}.onb-screen{position:relative;text-align:center;overflow-x:hidden}.onb-screen .onb-skip{position:absolute;top:4px;right:4px;z-index:2;font-size:14px;font-weight:600;color:var(--gate-muted);padding:8px 4px}.onb-body{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0;padding-top:28px;overflow-y:auto;width:100%}.onb-hero{width:min(220px,58vw);margin:28px auto 12px;display:block;object-fit:contain}.onb-title{width:100%;margin-top:8px;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.3;color:var(--gate-ink);text-align:center}.onb-copy{margin-top:10px;max-width:310px;font-size:15px;line-height:1.6;color:var(--gate-muted);white-space:pre-line}.onb-sub{width:100%;margin-top:8px;font-size:14px;color:var(--gate-muted);line-height:1.45;text-align:center}.onb-sub.accent{color:var(--gate-purple);font-weight:600}.onb-carousel{position:relative;width:100%;height:390px;margin-top:12px;overflow:hidden;touch-action:pan-y}.onb-slide{position:absolute;top:24px;width:168px;padding:12px 10px 14px;border-radius:20px;background:var(--gate-white);border:1px solid var(--gate-line);box-shadow:var(--gate-shadow);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:left .28s ease,transform .28s ease,opacity .28s ease,border-color .2s ease}.onb-slide.peek-left{left:-28px;transform:scale(.78)}.onb-slide.peek-right{left:calc(100% - 140px);transform:scale(.78)}.onb-slide.center{top:8px;left:50%;width:236px;padding:16px 14px 18px;opacity:1;transform:translate(-50%);border:3px solid var(--gate-purple);z-index:1}.onb-slide img{width:100%;height:210px;object-fit:contain;pointer-events:none}.onb-slide.center img{height:248px}.onb-slide-name{font-size:var(--fs-body);font-weight:800;color:var(--gate-ink)}.onb-slide.center .onb-slide-name{font-size:18px}.onb-slide-price{font-size:12px;font-weight:600;color:var(--gate-muted)}.onb-slide.center .onb-slide-price{font-size:14px;font-weight:800;color:var(--gate-purple)}.onb-dots{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:8px}.onb-dots span{width:8px;height:8px;border-radius:4px;background:var(--gate-line)}.onb-dots span.on{width:18px;background:var(--gate-purple)}.onb-product-card{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.onb-product-card img,.onb-product-fallback{width:100%;height:110px;object-fit:cover;border-radius:12px;background:#f6f4fb}.onb-product-fallback{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gate-muted)}.onb-product-name{font-size:var(--fs-body);font-weight:800;color:var(--gate-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onb-slide.center .onb-product-name{font-size:14px}.onb-product-points{font-size:var(--fs-body);font-weight:800;color:var(--gate-purple)}.onb-link{margin-top:16px;font-size:var(--fs-body);font-weight:600;color:var(--gate-purple)}.onb-search{width:100%;max-width:342px;margin-top:36px;display:flex;flex-direction:column;gap:12px}.onb-search-field{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:24px;background:var(--gate-white);border:1.5px solid var(--gate-purple)}.onb-search-field svg{flex-shrink:0;color:var(--gate-muted)}.onb-search-field input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--gate-ink);outline:none}.onb-chips{display:flex;flex-wrap:wrap;gap:8px}.onb-chip{height:36px;padding:0 14px;border-radius:100px;border:1px solid var(--gate-line);background:var(--gate-white);font-size:var(--fs-body);font-weight:600;color:var(--gate-ink)}.onb-chip.active{border-color:var(--gate-yellow);background:var(--gate-yellow)}.onb-char-sm{width:120px;margin:16px auto 8px;display:block;object-fit:contain}.onb-radios{width:100%;max-width:342px;margin-top:12px;display:flex;flex-direction:column;gap:8px;text-align:left}.onb-radio{display:flex;align-items:center;gap:12px;min-height:var(--btn-height);padding:12px 16px;border-radius:20px;background:var(--gate-white);border:1px solid var(--gate-line);font-size:14px;font-weight:600;color:var(--gate-ink);cursor:pointer}.onb-radio.selected{border:1.5px solid var(--gate-purple);font-weight:800}.onb-radio input{position:absolute;opacity:0;pointer-events:none}.onb-radio-mark{width:20px;height:20px;border-radius:50%;border:2px solid var(--gate-line);flex-shrink:0;box-sizing:border-box}.onb-radio.selected .onb-radio-mark{border-color:var(--gate-purple);background:var(--gate-purple)}.onb-hint{margin-top:16px;font-size:var(--fs-body);color:var(--gate-muted)}.onb-summary{width:100%;max-width:342px;margin-top:20px;display:flex;align-items:center;gap:16px;padding:16px;border-radius:20px;background:var(--gate-white);border:1px solid var(--gate-line);text-align:left;overflow:hidden}.onb-summary img{width:80px;height:96px;object-fit:contain;flex-shrink:0}.onb-summary-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.onb-summary-char{font-size:12px;font-weight:600;color:var(--gate-purple)}.onb-summary-product{font-size:16px;font-weight:800;line-height:1.3}.onb-summary-duration{font-size:var(--fs-body);font-weight:600;color:var(--gate-muted)}.onb-summary-daily{font-size:var(--fs-body);font-weight:800;color:var(--gate-purple)}.onb-freq-title{width:100%;max-width:342px;margin:24px 0 8px;font-size:15px;font-weight:800;text-align:left}.onb-empty{margin-top:48px;font-size:14px;color:var(--gate-muted)}.home-screen{--home-bg: var(--ds-bg);--home-ink: var(--ds-ink);--home-purple: var(--ds-purple);--home-muted: var(--ds-muted);--home-white: var(--ds-white);--home-line: var(--ds-line);--home-tint: var(--ds-tile);--home-error: var(--ds-error);--home-digit: #1a1208;--home-amber: #ff9a1a;--home-dday: #ff5a8a}html:has(.home-screen),html:has(.home-screen) body{background:var(--home-bg, #fbfaff)}.home-screen.page{background:var(--home-bg);color:var(--home-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 0 20px}.home-screen .home-hero{display:flex;align-items:flex-start;gap:8px;padding:0 8px 0 20px;overflow:hidden}.home-screen .home-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}.home-screen .home-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px}.home-screen .home-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.home-screen .home-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.home-screen .home-brand-name span{color:var(--home-purple)}.home-screen .home-headline{font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.03em}.home-screen .home-headline-accent{color:var(--home-purple)}.home-screen .home-sub{margin-top:2px;font-size:var(--fs-body);color:var(--home-muted);line-height:1.4}.home-screen .home-hero-art{width:156px;height:auto;object-fit:contain;object-position:right top;flex-shrink:0;pointer-events:none}.home-screen .home-card{margin:8px 16px;padding:16px;background:var(--home-white);border:1px solid var(--home-line);border-radius:20px}.home-screen .home-card-head{display:flex;align-items:center;gap:8px}.home-screen .home-card-head h2{font-size:var(--fs-title);font-weight:800}.home-screen .home-chip,.home-screen .home-link{margin-left:auto;font-size:var(--fs-caption);font-weight:600;color:var(--home-purple);white-space:nowrap;display:inline-flex;align-items:center;gap:2px}.home-screen .home-chip{background:var(--home-tint);border-radius:12px;padding:5px 10px}.home-screen .home-link{font-size:12px}.home-screen .home-digitizer{display:flex;align-items:center;gap:8px;margin-top:14px}.home-screen .home-digitizer-board{flex:1;min-width:0;height:72px;background:var(--home-digit);border-radius:18px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px}.home-screen .home-digitizer-board span{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:min(36px,8.8vw);font-weight:800;letter-spacing:-.02em;color:var(--home-amber);background:linear-gradient(180deg,#ffe566,#ffc01a 42%,#ff9a1a 72%,#f07a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.home-screen .home-mine-save{padding:0;background:transparent}.home-screen .home-save-btn{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:20px;background:linear-gradient(180deg,#ffe4ec,#ffd0dc);color:var(--home-ink)}.home-screen .home-save-btn .home-mine-icon{background:transparent}.home-screen .home-save-btn p{color:var(--home-ink)}.home-screen .home-save-btn:disabled{opacity:.5}.home-screen .home-mine-grid,.home-screen .home-today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.home-screen .home-mine-grid{list-style:none;padding:0}.home-screen .home-mine-card,.home-screen .home-today-card{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:20px;text-align:center}.home-screen .home-mine-card.is-ended{opacity:.55}.home-screen .home-mine-card.is-pending{opacity:.4}.home-screen .home-mine-icon{width:44px;height:44px;background:transparent;display:flex;align-items:center;justify-content:center}.home-screen .home-mine-card p,.home-screen .home-today-label{font-size:12px;font-weight:600;line-height:1.3;color:var(--home-ink);word-break:keep-all}.home-screen .home-mine-bar{width:100%;height:6px;border-radius:3px;background:#ffffffd9;overflow:hidden}.home-screen .home-mine-bar span{display:block;height:100%;border-radius:3px}.home-screen .home-goal-product{display:flex;align-items:center;gap:12px;margin-top:14px}.home-screen .home-goal-thumb{width:72px;height:72px;border-radius:16px;background:#f4f1fb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--home-purple);font-weight:800}.home-screen .home-goal-thumb img{width:100%;height:100%;object-fit:cover}.home-screen .home-goal-info{flex:1;min-width:0}.home-screen .home-goal-kicker{font-size:12px;color:var(--home-muted)}.home-screen .home-goal-name{margin-top:2px;font-size:15px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-screen .home-goal-rate{display:flex;align-items:center;gap:8px;margin-top:6px}.home-screen .home-goal-rate strong{font-size:var(--fs-body);font-weight:800;color:var(--home-purple)}.home-screen .home-goal-bar{flex:1;height:8px;border-radius:4px;background:#ece6ff;overflow:hidden}.home-screen .home-goal-bar span{display:block;height:100%;border-radius:4px;background:var(--home-purple)}.home-screen .home-goal-dday{text-align:right;flex-shrink:0}.home-screen .home-goal-dday p{font-size:12px;color:var(--home-muted)}.home-screen .home-goal-dday strong{display:block;margin-top:2px;font-size:16px;font-weight:800;color:var(--home-dday)}.home-screen .home-goal-stats{display:flex;gap:8px;margin-top:14px}.home-screen .home-goal-stat{flex:1;display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--home-bg)}.home-screen .home-goal-stat-icon{width:32px;height:32px;border-radius:10px;background:#fff6e8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-screen .home-goal-stat p{font-size:12px;color:var(--home-muted)}.home-screen .home-goal-stat strong{display:block;margin-top:1px;font-size:var(--fs-body);font-weight:800}.home-screen .home-goal-stat-cta{padding:6px}.home-screen .home-goal-exchange-btn{width:100%;min-height:var(--btn-height);border:none;border-radius:var(--btn-radius);background:linear-gradient(180deg,#8b5cf6,#7547f5);color:#fff;font-size:var(--fs-button);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.home-screen .home-goal-exchange-btn:disabled{opacity:.55;cursor:default}.home-screen .home-exchange-modal{background:var(--home-white);color:var(--home-ink);border:none;border-radius:18px;text-align:center}.home-screen .home-exchange-modal p{font-size:16px;font-weight:800;line-height:1.45}.home-screen .home-exchange-modal .btn-primary{min-height:var(--btn-height);border-radius:var(--btn-radius);background:var(--home-purple);color:#fff;font-size:var(--fs-button);font-weight:700}.home-screen .home-today-card{padding:12px 8px;gap:8px}.home-screen .home-today-count{font-size:var(--fs-body);font-weight:800}.home-screen .home-today-cta{width:100%;min-height:36px;border-radius:18px;padding:6px 8px;font-size:12px;font-weight:800;color:#fff}.home-screen .home-today-cta:disabled{opacity:.55}.home-screen .home-empty,.home-screen .home-loading{margin-top:12px;font-size:var(--fs-body);color:var(--home-muted)}.home-screen .home-error{margin:8px 16px 0;font-size:var(--fs-body);color:var(--home-error)}.home-screen .home-goal-grid{margin-top:14px;display:flex;flex-direction:column;gap:4px}.home-screen .home-goal-row{display:grid;grid-template-columns:36px repeat(7,minmax(0,1fr));gap:4px;align-items:stretch}.home-screen .home-goal-label{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--home-muted)}.home-screen .home-goal-cell{min-height:36px;border-radius:8px;background:var(--home-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--home-ink)}.home-screen .home-goal-row-head .home-goal-cell{min-height:40px;font-size:12px;font-weight:600;color:var(--home-muted)}.home-screen .home-goal-cell em{font-style:normal;font-size:12px;font-weight:700}.home-screen .home-goal-cell.is-today{outline:1.5px solid var(--home-purple);background:#efe9ff}.home-screen .home-goal-cell.is-done{background:#e8f8ee;color:#1f8a4c}.my-sub-screen{--my-bg: var(--ds-bg);--my-ink: var(--ds-ink);--my-purple: var(--ds-purple);--my-muted: var(--ds-muted);--my-white: var(--ds-white);--my-yellow: var(--ds-yellow);--my-line: var(--ds-line);--my-ok: #43b96a;--my-error: #ef5a5a;--my-shadow: 0 4px 12px rgba(59, 46, 97, .1)}html:has(.my-sub-screen),html:has(.my-sub-screen) body{background:var(--my-bg, #fbfaff)}.my-sub-screen.page{background:var(--my-bg);color:var(--my-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 20px 20px}.my-sub-screen .my-sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.my-sub-screen .my-sub-back{min-width:48px;display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-body);font-weight:600;color:var(--my-muted)}.my-sub-screen .my-sub-title{font-size:18px;font-weight:800;letter-spacing:-.02em}.my-sub-screen .my-sub-lead{font-size:var(--fs-body);color:var(--my-muted);line-height:1.45;margin-bottom:16px}.my-sub-screen .my-sub-card{background:var(--my-white);border-radius:18px;box-shadow:var(--my-shadow);padding:16px}.my-sub-screen .my-sub-stack{display:flex;flex-direction:column;gap:12px}.my-sub-screen .my-sub-label{font-size:12px;color:var(--my-muted)}.my-sub-screen .my-sub-value{font-size:15px;font-weight:700}.my-sub-screen .my-sub-code{font-size:24px;font-weight:800;letter-spacing:.04em;color:var(--my-purple)}.my-sub-screen .my-sub-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.my-sub-screen .my-sub-hero-stat{text-align:center;padding:22px 16px}.my-sub-screen .my-sub-hero-stat strong{display:block;margin-top:4px;font-size:40px;font-weight:800;color:var(--my-purple);line-height:1.1}.my-sub-screen .my-sub-input{width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--my-line);background:var(--my-white);color:var(--my-ink);font:inherit;font-size:15px}.my-sub-screen .my-sub-input:disabled{opacity:.6}.my-sub-screen .my-sub-row-list{display:flex;flex-direction:column;gap:10px}.my-sub-screen .my-sub-invite{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-body)}.my-sub-screen .my-sub-btn,.my-sub-screen .my-sub-btn-yellow,.my-sub-screen .my-sub-btn-ghost{width:100%;min-height:var(--btn-height);border-radius:var(--btn-radius);font-size:var(--fs-button);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.my-sub-screen .my-sub-btn{background:var(--my-purple);color:#fff}.my-sub-screen .my-sub-btn-yellow{background:var(--my-yellow);color:#17172a}.my-sub-screen .my-sub-btn-ghost{background:var(--my-white);border:1px solid var(--my-line);color:var(--my-ink)}.my-sub-screen .my-sub-btn:disabled,.my-sub-screen .my-sub-btn-yellow:disabled,.my-sub-screen .my-sub-btn-ghost:disabled{opacity:.55}.my-sub-screen .my-sub-actions{display:flex;gap:8px}.my-sub-screen .my-sub-actions>*{flex:1}.my-sub-screen .my-sub-error{font-size:var(--fs-body);color:var(--my-error)}.my-sub-screen .my-sub-ok{font-size:var(--fs-body);color:var(--my-ok)}.my-sub-screen .my-sub-muted{font-size:var(--fs-body);color:var(--my-muted)}.warehouse-screen{--wh-bg: var(--ds-bg);--wh-ink: var(--ds-ink);--wh-purple: var(--ds-purple);--wh-muted: var(--ds-muted);--wh-white: var(--ds-white);--wh-yellow: #fff3b8;--wh-coin: #f2e9ff;--wh-row-coin: #fff1b9;--wh-row-p: #ff8a00;--wh-ok-bg: #eaf8ed;--wh-ok: #43b96a;--wh-error: #ef4444;--wh-shadow: 0 4px 12px rgba(59, 46, 97, .1)}html:has(.warehouse-screen),html:has(.warehouse-screen) body{background:var(--wh-bg, #fbfaff)}.warehouse-screen.page{background:var(--wh-bg);color:var(--wh-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 20px 20px}.warehouse-screen .wh-hero{position:relative;height:168px;margin-bottom:0;overflow:hidden}.warehouse-screen .wh-copy{position:relative;z-index:1;max-width:54%;padding:0 12px 8px 0;background:linear-gradient(90deg,var(--wh-bg) 0%,var(--wh-bg) 72%,transparent 100%)}.warehouse-screen .wh-brand{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:10px}.warehouse-screen .wh-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.warehouse-screen .wh-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.warehouse-screen .wh-brand-name span{color:var(--wh-purple)}.warehouse-screen .wh-title{position:relative;z-index:1;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.warehouse-screen .wh-title span{color:var(--wh-purple)}.warehouse-screen .wh-sub{position:relative;z-index:1;margin-top:6px;font-size:12px;color:var(--wh-muted);line-height:1.35;max-width:none}.warehouse-screen .wh-hero-art{position:absolute;left:0;right:0;top:auto;bottom:0;width:100%;height:168px;object-fit:contain;object-position:right bottom;pointer-events:none;z-index:0;display:block}.warehouse-screen .wh-balance{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:0;background:var(--wh-white);border-radius:18px;box-shadow:var(--wh-shadow);padding:16px 18px}.warehouse-screen .wh-balance-coin{width:48px;height:48px;border-radius:24px;background:var(--wh-coin);display:flex;align-items:center;justify-content:center;flex-shrink:0}.warehouse-screen .wh-balance-label{font-size:12px;color:var(--wh-muted)}.warehouse-screen .wh-balance-value{margin-top:2px;font-size:25px;font-weight:800;color:var(--wh-purple);letter-spacing:-.03em;line-height:1.2}.warehouse-screen .wh-balance-value span{margin-left:4px;font-size:14px;font-weight:600;color:var(--wh-ink)}.warehouse-screen .wh-balance-meta{margin-top:4px;font-size:12px;color:var(--wh-muted)}.warehouse-screen .wh-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.warehouse-screen .wh-cta{display:flex;align-items:center;gap:8px;min-height:var(--btn-height);padding:8px 12px;border-radius:16px;color:var(--wh-ink);text-align:left}.warehouse-screen .wh-cta-exchange{background:var(--wh-yellow)}.warehouse-screen .wh-cta-history{background:var(--wh-white);box-shadow:var(--wh-shadow)}.warehouse-screen .wh-cta-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.warehouse-screen .wh-cta-copy{flex:1;font-size:var(--fs-body);font-weight:600;line-height:1.25}.warehouse-screen .wh-cta-chevron{color:var(--wh-muted);display:flex;align-items:center}.warehouse-screen .wh-history-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.warehouse-screen .wh-history-head h2{font-size:18px;font-weight:800}.warehouse-screen .wh-history-list{display:flex;flex-direction:column;gap:10px}.warehouse-screen .wh-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;background:var(--wh-white);border-radius:13px;box-shadow:var(--wh-shadow)}.warehouse-screen .wh-row-coin{width:36px;height:36px;border-radius:18px;background:var(--wh-row-coin);display:flex;align-items:center;justify-content:center;flex-shrink:0}.warehouse-screen .wh-row-body{flex:1;min-width:0}.warehouse-screen .wh-row-points{font-size:var(--fs-body);font-weight:600;color:var(--wh-purple)}.warehouse-screen .wh-row-date{margin-top:2px;font-size:12px;color:var(--wh-muted)}.warehouse-screen .wh-row-type{margin-top:1px;font-size:12px;color:var(--wh-muted)}.warehouse-screen .wh-status{flex-shrink:0;height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;background:#f4eeff;color:var(--wh-muted)}.warehouse-screen .wh-status.completed{background:var(--wh-ok-bg);color:var(--wh-ok)}.warehouse-screen .wh-empty,.warehouse-screen .wh-loading,.warehouse-screen .wh-error{font-size:var(--fs-body);color:var(--wh-muted)}.warehouse-screen .wh-error{color:var(--wh-error)}.exchange-screen{--ex-bg: var(--ds-bg);--ex-ink: var(--ds-ink);--ex-purple: var(--ds-purple);--ex-muted: var(--ds-muted);--ex-white: var(--ds-white);--ex-yellow: var(--ds-yellow);--ex-orange: #ff8a00;--ex-line: #e8e5f1;--ex-ok-bg: #eaf8ed;--ex-ok: #43b96a;--ex-progress-bg: #eaf2ff;--ex-progress: #4e92f4;--ex-fail-bg: #fdecec;--ex-fail: #ef5a5a;--ex-shadow: 0 4px 12px rgba(59, 46, 97, .1)}html:has(.exchange-screen),html:has(.exchange-screen) body{background:var(--ex-bg, #fbfaff)}.exchange-screen.page{background:var(--ex-bg);color:var(--ex-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 20px 20px}.exchange-screen .ex-hero{position:relative;margin-bottom:12px;overflow:hidden}.exchange-screen .ex-hero.has-art{height:132px;margin-bottom:8px}.exchange-screen .ex-copy{position:relative;z-index:1;max-width:58%;padding:0 12px 4px 0}.exchange-screen .ex-hero.has-art .ex-copy{background:linear-gradient(90deg,var(--ex-bg) 0%,var(--ex-bg) 72%,transparent 100%)}.exchange-screen .ex-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px}.exchange-screen .ex-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.exchange-screen .ex-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.exchange-screen .ex-brand-name span{color:var(--ex-purple)}.exchange-screen .ex-kicker{font-size:12px;color:var(--ex-muted);line-height:1.2}.exchange-screen .ex-title{font-size:23px;font-weight:800;line-height:1.22;letter-spacing:-.03em;margin-top:4px}.exchange-screen .ex-title span{color:var(--ex-purple)}.exchange-screen .ex-title.history{font-size:26px;margin-top:2px}.exchange-screen .ex-sub{margin-top:6px;font-size:12px;color:var(--ex-muted);line-height:1.35}.exchange-screen .ex-hero-art{position:absolute;left:0;right:0;top:auto;bottom:0;width:100%;height:132px;object-fit:contain;object-position:right bottom;pointer-events:none;z-index:0;display:block}.exchange-screen .ex-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;height:44px;background:var(--ex-white);border-radius:22px;box-shadow:var(--ex-shadow);margin-bottom:14px}.exchange-screen .ex-tab{position:relative;z-index:1;border-radius:22px;font-size:12px;font-weight:600;color:var(--ex-muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.exchange-screen .ex-tab.active{background:var(--ex-yellow);color:var(--ex-ink)}.exchange-screen .ex-tab-icon{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.exchange-screen .ex-chips{display:flex;gap:6px;overflow-x:auto;margin:0 -20px 14px;padding:0 20px 4px;scrollbar-width:none;-ms-overflow-style:none}.exchange-screen .ex-chips::-webkit-scrollbar{display:none}.exchange-screen .ex-chip{flex-shrink:0;height:28px;padding:0 12px;border-radius:14px;background:var(--ex-white);color:var(--ex-muted);font-size:12px;font-weight:600;white-space:nowrap}.exchange-screen .ex-chip.active{background:var(--ex-purple);color:var(--ex-white)}.exchange-screen .ex-notice{background:var(--ex-white);border-radius:14px;box-shadow:var(--ex-shadow);padding:14px 16px;margin-bottom:14px}.exchange-screen .ex-notice strong{display:block;font-size:var(--fs-body);margin-bottom:4px}.exchange-screen .ex-notice p{font-size:12px;color:var(--ex-muted);margin-bottom:10px}.exchange-screen .ex-notice-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:12px;background:var(--ex-purple);color:var(--ex-white);font-size:12px;font-weight:600}.exchange-screen .ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exchange-screen .ex-card{display:flex;flex-direction:column;background:var(--ex-white);border:.8px solid var(--ex-line);border-radius:14px;overflow:hidden;text-align:left;color:var(--ex-ink);min-height:145px}.exchange-screen .ex-card:not(:disabled):active{opacity:.88}.exchange-screen .ex-card:disabled{opacity:.55;cursor:not-allowed}.exchange-screen .ex-card-image{margin:7px 7px 0;height:77px;border-radius:11px;background:#f6f4fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.exchange-screen .ex-card-image img{width:100%;height:100%;object-fit:cover;display:block}.exchange-screen .ex-card-image span{font-size:12px;color:var(--ex-muted)}.exchange-screen .ex-card-body{padding:10px 10px 12px}.exchange-screen .ex-card-name{font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exchange-screen .ex-card-points{margin-top:8px;font-size:12px;font-weight:800;color:var(--ex-orange)}.exchange-screen .ex-history{display:flex;flex-direction:column;gap:9px}.exchange-screen .ex-row{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px;background:var(--ex-white);border-radius:13px;box-shadow:var(--ex-shadow)}.exchange-screen .ex-row-thumb{width:44px;height:44px;border-radius:10px;background:#f3eeff;color:var(--ex-purple);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.exchange-screen .ex-row-thumb img{width:100%;height:100%;object-fit:cover}.exchange-screen .ex-row-body{flex:1;min-width:0}.exchange-screen .ex-row-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-screen .ex-row-points{margin-top:4px;font-size:var(--fs-body);font-weight:800;color:var(--ex-purple)}.exchange-screen .ex-badge{flex-shrink:0;height:24px;min-width:70px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;background:#f4eeff;color:var(--ex-muted)}.exchange-screen .ex-badge.ok{background:var(--ex-ok-bg);color:var(--ex-ok)}.exchange-screen .ex-badge.progress{background:var(--ex-progress-bg);color:var(--ex-progress)}.exchange-screen .ex-badge.fail{background:var(--ex-fail-bg);color:var(--ex-fail)}.exchange-screen .ex-muted,.exchange-screen .ex-loading{font-size:var(--fs-body);color:var(--ex-muted)}.exchange-screen .ex-error{font-size:var(--fs-body);color:var(--ex-fail);margin-bottom:10px}.exchange-screen .modal-overlay{background:#1c1b2b66}.exchange-screen .ex-modal{background:var(--ex-white);color:var(--ex-ink);border:none;border-radius:18px;box-shadow:var(--ex-shadow)}.exchange-screen .ex-modal h2{font-size:18px;font-weight:800;margin-bottom:8px}.exchange-screen .ex-modal-name{font-size:14px;font-weight:600}.exchange-screen .ex-modal-brand{margin-top:4px;font-size:12px;color:var(--ex-muted)}.exchange-screen .ex-modal-points{margin-top:8px;font-size:16px;font-weight:800;color:var(--ex-orange)}.exchange-screen .ex-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.exchange-screen .ex-btn-primary,.exchange-screen .ex-btn-secondary{min-height:var(--btn-height);border-radius:var(--btn-radius);font-size:var(--fs-button);font-weight:700}.exchange-screen .ex-btn-primary{background:var(--ex-purple);color:var(--ex-white)}.exchange-screen .ex-btn-primary:disabled,.exchange-screen .ex-btn-secondary:disabled{opacity:.6}.exchange-screen .ex-btn-secondary{background:#f3eeff;color:var(--ex-ink)}.my-screen{--my-bg: var(--ds-bg);--my-ink: var(--ds-ink);--my-purple: var(--ds-purple);--my-muted: var(--ds-muted);--my-white: var(--ds-white);--my-yellow: #fff3d1;--my-lilac: #eee8ff;--my-banner: #f4eeff;--my-shadow: 0 4px 12px rgba(59, 46, 97, .1)}html:has(.my-screen),html:has(.my-screen) body{background:var(--my-bg, #fbfaff)}.my-screen.page{background:var(--my-bg);color:var(--my-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 20px 20px}.my-screen .my-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-shrink:0}.my-screen .my-brand-mascot{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}.my-screen .my-brand-name{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.my-screen .my-brand-name span{color:var(--my-purple)}.my-screen .my-hero{position:relative;height:184px;margin-bottom:16px;overflow:hidden}.my-screen .my-copy{position:relative;z-index:1;max-width:52%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:0 12px 8px 0}.my-screen .my-title{margin-top:auto;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.my-screen .my-title span{color:var(--my-purple)}.my-screen .my-sub{margin-top:4px;font-size:12px;color:var(--my-muted);line-height:1.3}.my-screen .my-hero-art{position:absolute;left:0;right:0;top:auto;bottom:0;width:100%;height:184px;object-fit:contain;object-position:right bottom;pointer-events:none;z-index:0;display:block}.my-screen .my-profile{position:relative;display:flex;align-items:center;gap:14px;min-height:98px;padding:16px 14px;background:var(--my-white);border-radius:16px;box-shadow:var(--my-shadow);margin-bottom:12px}.my-screen .my-avatar{width:58px;height:58px;border-radius:29px;background:var(--my-lilac);color:var(--my-purple);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.my-screen .my-avatar img{width:100%;height:100%;object-fit:cover}.my-screen .my-profile-body{flex:1;min-width:0}.my-screen .my-profile-label{font-size:12px;color:var(--my-muted)}.my-screen .my-profile-name{margin-top:2px;font-size:18px;font-weight:800;letter-spacing:-.02em}.my-screen .my-profile-phone{margin-top:6px;font-size:12px;color:var(--my-muted)}.my-screen .my-profile-edit{position:absolute;top:16px;right:14px;height:25px;padding:0 8px;border-radius:12px;background:var(--my-white);box-shadow:var(--my-shadow);font-size:12px;font-weight:600;color:var(--my-muted)}.my-screen .my-menu{display:flex;flex-direction:column;gap:12px}.my-screen .my-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 14px;background:var(--my-white);border-radius:13px;box-shadow:var(--my-shadow);color:inherit}.my-screen .my-row-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff8ee}.my-screen .my-row-icon.lilac,.my-screen .my-row-icon.yellow{background:#fff8ee}.my-screen .my-row-body{flex:1;min-width:0}.my-screen .my-row-title{display:block;font-size:var(--fs-body);font-weight:600}.my-screen .my-row-desc{display:block;margin-top:2px;font-size:12px;color:var(--my-muted)}.my-screen .my-row-chevron{color:var(--my-muted);display:flex;align-items:center}.my-screen .my-banner{display:block;margin-top:16px;padding:10px 14px;background:var(--my-banner);border-radius:14px;color:inherit}.my-screen .my-banner-kicker{font-size:12px;color:var(--my-muted)}.my-screen .my-banner-title{margin-top:2px;font-size:var(--fs-body);font-weight:800;color:var(--my-purple)}:root{--ds-purple: #7547f5;--ds-yellow: #ffd91a;--ds-ink: #17172a;--ds-muted: #74788d;--ds-bg: #fbfaff;--ds-line: #eceaf4;--ds-success: #16a34a;--ds-success-bg: #eaf8ee;--ds-error: #ef4444;--ds-white: #ffffff;--ds-tile: #f3eeff;--ds-shadow: 0 4px 12px rgba(59, 46, 97, .1);--fs-display: 28px;--fs-title: 18px;--fs-body: 14px;--fs-caption: 12px;--fs-badge: 11px;--fs-button: 15px;--btn-height: 48px;--btn-radius: 24px;--bg: var(--ds-bg);--bg-card: var(--ds-white);--bg-elevated: var(--ds-white);--text: var(--ds-ink);--text-muted: var(--ds-muted);--accent: var(--ds-yellow);--accent-dim: #e6c400;--mint: #16a34a;--danger: var(--ds-error);--border: var(--ds-line);--radius: 16px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--ds-bg);overscroll-behavior:none}button{font:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.fruit-icon{display:block;object-fit:contain;flex-shrink:0;pointer-events:none}.app-shell{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:var(--fs-title);font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--ds-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--btn-height);padding:14px 16px;border-radius:var(--btn-radius);font-size:var(--fs-button);font-weight:600;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ds-yellow);color:var(--ds-ink)}.btn-secondary{background:var(--ds-purple);color:var(--ds-white)}.btn-ghost{color:var(--text-muted);padding:8px;width:auto;min-height:40px}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text-muted);font-size:var(--fs-body)}.error-text{color:var(--danger);font-size:var(--fs-body)}.input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--ds-white);color:var(--text);font:inherit;font-size:var(--fs-body)}.tab-bar{--tab-purple: var(--ds-purple);--tab-muted: var(--ds-muted);--tab-tile: var(--ds-tile);flex-shrink:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;background:var(--ds-white);border-top:none;border-radius:18px 18px 0 0;box-shadow:0 -4px 16px #3b2e6114;padding:12px 10px calc(10px + var(--safe-bottom));z-index:20}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;color:var(--tab-muted)}.tab-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.tab-item-icon svg,.tab-item-icon .fruit-icon{display:block}.tab-item-label{font-size:var(--fs-caption);font-weight:400;line-height:1.2;letter-spacing:-.02em}.tab-item.active{color:var(--tab-purple)}.tab-item.active .tab-item-icon{background:transparent;transform:scale(1.08)}.tab-item.active .tab-item-label{font-weight:600}.banner-slot{display:none}.select{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--ds-white);color:var(--text);font:inherit;font-size:var(--fs-body)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-align:left;padding:0;color:inherit}.product-card:not(:disabled):active{opacity:.85}.product-card:disabled{opacity:.55;cursor:not-allowed}.product-card-image-wrap{aspect-ratio:1;background:var(--ds-tile);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card-image{width:100%;height:100%;object-fit:cover}.product-card-image-placeholder{color:var(--text-muted);font-size:var(--fs-caption)}.product-card-body{display:flex;flex-direction:column;gap:4px;padding:10px;min-height:88px}.product-card-brand{font-size:var(--fs-caption);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-name{font-size:var(--fs-body);font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-card-points{font-size:var(--fs-body);font-weight:700;color:var(--ds-purple)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#17172a73}.modal{width:100%;max-width:360px;background:var(--ds-white);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--ds-shadow)}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}