.sn-prototype{--muted:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.5} .sn-prototype ::selection{background:var(--color-action-soft-bg);color:var(--color-text)} .sn-prototype svg{stroke-width:1.7} .sn-prototype main{padding:var(--space-4) var(--space-4) 104px} .sn-prototype h1,.sn-prototype h2,.sn-prototype h3{letter-spacing:-.02em} .sn-prototype button{min-width:0} .sn-prototype .location{font-size:var(--font-size-label);min-height:44px} .sn-prototype .back,.sn-prototype .sheet-head button{width:44px;height:44px} .sn-prototype .brandline{margin-bottom:var(--space-4)} .sn-prototype .brandline strong{font-size:24px;font-weight:700;letter-spacing:-.02em} .sn-prototype .brandline span{font-size:8px;letter-spacing:1px} .sn-prototype .brandline small{font-size:10px;color:var(--color-text-secondary)} .sn-prototype .member-top{gap:8px}.sn-prototype .member-top>div:nth-child(2){flex:1;min-width:0} .sn-prototype .avatar{flex-shrink:0}.sn-prototype .member-top b{font-size:12px;font-weight:600} .sn-prototype .member-top small{font-size:10px;color:var(--color-text-secondary)} .sn-prototype .small-btn{min-height:44px;padding:8px;font-size:12px;white-space:nowrap;background:var(--color-action-soft-bg);color:var(--color-action-soft-text);border-radius:var(--radius-control)} .sn-prototype .balances{margin-top:16px}.sn-prototype .balances button{min-height:56px} .sn-prototype .balances b{font-size:24px;font-weight:600;line-height:1.2;height:29px}.sn-prototype .balances b svg{color:var(--color-success-text)} .sn-prototype .balances span{font-size:12px;color:var(--color-text-secondary);margin-top:4px} .sn-prototype .campaign-copy strong{letter-spacing:-.025em;font-weight:700} .sn-prototype .campaign-copy small{font-size:10px;letter-spacing:0}.sn-prototype .campaign-copy b{font-size:12px;min-height:44px;display:flex;align-items:center} .sn-prototype .campaign-copy em{font-size:12px}.sn-prototype .stamp{width:48px;height:48px;font-size:10px} .sn-prototype .quick{margin:24px 0;gap:4px}.sn-prototype .quick b{font-size:12px;font-weight:600}.sn-prototype .quick small{font-size:10px} .sn-prototype .section-title{margin:24px 0 12px;gap:8px}.sn-prototype .section-title h2{font-size:18px;line-height:1.4;letter-spacing:-.02em} .sn-prototype .section-title button{min-height:44px;font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.sn-prototype .section-title>span{display:none} .sn-prototype .tabs{gap:8px}.sn-prototype .tabs button{min-height:44px;font-size:12px;padding:8px 4px;color:var(--color-text-secondary)}.sn-prototype .tabs button.selected{color:var(--color-action-text)} .sn-prototype .scene-card{padding:20px;min-height:180px}.sn-prototype .scene-card>div:first-child{position:relative;z-index:1;flex:1} .sn-prototype .scene-card small{font-size:10px;letter-spacing:0;color:var(--color-focus)}.sn-prototype .scene-card h3{font-size:24px}.sn-prototype .scene-card p,.sn-prototype .scene-card b{font-size:12px;line-height:1.6}.sn-prototype .scene-card .product-art{width:43%;margin-left:0} .sn-prototype .products{gap:12px}.sn-prototype .product{padding:12px;border-radius:var(--radius-card)} .sn-prototype .product h3{font-size:14px;line-height:1.45;margin:8px 0 4px;font-weight:600} .sn-prototype .product small{font-size:10px;color:var(--color-action-soft-text);padding:4px 6px}.sn-prototype .product p{font-size:12px;line-height:1.5;min-height:36px} .sn-prototype .price{font-size:24px;font-weight:700;line-height:1.3}.sn-prototype .price span{font-size:12px}.sn-prototype .price em{display:inline-grid;place-items:center;width:24px;height:24px}.sn-prototype .price em svg{width:16px;height:16px} .sn-prototype .intro{padding:8px 0 20px}.sn-prototype .intro h1,.sn-prototype .coupon-hero h1{font-size:30px;font-weight:600;line-height:1.3;margin:0 0 12px}.sn-prototype .intro p{font-size:14px;line-height:1.65} .sn-prototype .ticker{background:var(--color-action-soft-bg);color:var(--color-action-soft-text);font-size:10px} .sn-prototype .scene-choice{padding:16px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--color-border);margin:0;gap:12px}.sn-prototype .scene-choice .product-art{width:80px;margin:0}.sn-prototype .scene-choice h3{font-size:16px}.sn-prototype .scene-choice small{font-size:12px;line-height:1.6} .sn-prototype .coupon-hero{padding:24px;background:var(--color-action-soft-bg)}.sn-prototype .coupon-hero>svg{opacity:.18;color:var(--color-price)}.sn-prototype .coupon-hero p{font-size:14px;color:var(--color-text-secondary)} .sn-prototype .coupon{border-radius:var(--radius-card);margin:16px 0}.sn-prototype .coupon-amount{width:100px;background:var(--color-action-soft-bg)}.sn-prototype .coupon-amount b{color:var(--color-price)}.sn-prototype .coupon-amount span{font-size:12px;color:var(--color-action-soft-text)} .sn-prototype .coupon-info{padding:16px}.sn-prototype .coupon-info h3{font-size:16px}.sn-prototype .coupon-info p{font-size:12px;margin:8px 0 12px;line-height:1.6} .sn-prototype .coupon-info button{font-size:12px;border-radius:var(--radius-control);min-height:44px;padding:8px 16px} .sn-prototype .helper,.sn-prototype .store-note{font-size:12px;line-height:1.65;background:transparent;padding:12px 0;color:var(--color-text-secondary)} .sn-prototype .points-banner{background:var(--color-scene-bg);padding:24px}.sn-prototype .points-banner .big{font-size:48px;letter-spacing:-.025em;font-weight:700}.sn-prototype .points-banner p{font-size:12px;color:var(--color-focus)}.sn-prototype .points-banner button{min-height:44px;font-size:12px;border-radius:var(--radius-control)} .sn-prototype .detail-tag{font-size:12px;background:var(--color-scene-bg);color:var(--color-focus)}.sn-prototype .detail-info h1{font-size:24px}.sn-prototype .detail-info>p{font-size:14px} .sn-prototype .specs{gap:4px;flex-wrap:wrap}.sn-prototype .specs span{font-size:12px;padding:6px;background:var(--color-canvas)} .sn-prototype .rule-row{font-size:12px;gap:12px;padding:12px 0}.sn-prototype .rule-row b{text-align:right;font-weight:500} .sn-prototype .task-card>h3{font-size:18px}.sn-prototype .task-head h3{font-size:16px}.sn-prototype .task-head p,.sn-prototype .task-row p{font-size:12px}.sn-prototype .task-row h3{font-size:14px}.sn-prototype .task-row{gap:12px;padding:16px 0}.sn-prototype .task-row button{min-height:44px;white-space:nowrap;font-size:12px;border-radius:var(--radius-control)} .sn-prototype .days{gap:4px}.sn-prototype .days span{font-size:10px;color:var(--color-text-secondary);padding:12px 0;background:var(--color-canvas)}.sn-prototype .days span:first-child{background:var(--color-action-soft-bg);color:var(--color-action-soft-text)} .sn-prototype .cart-row{gap:12px}.sn-prototype .cart-row .product-art{width:72px}.sn-prototype .cart-row>div:last-child{flex:1;min-width:0}.sn-prototype .cart-row h3{font-size:14px}.sn-prototype .cart-row p{font-size:12px}.sn-prototype .cart-row .price{font-size:20px} .sn-prototype .quantity{gap:4px;justify-content:space-between}.sn-prototype .quantity button{width:44px;height:44px;border-color:var(--color-border);border-radius:var(--radius-control)}.sn-prototype .quantity b{min-width:16px;text-align:center}.sn-prototype .quantity .remove-item{border:0;font-size:12px;color:var(--color-text-secondary)}.sn-prototype .quantity button:disabled{color:var(--color-text-disabled);background:var(--color-canvas);cursor:not-allowed} .sn-prototype .cart-total .row{font-size:14px}.sn-prototype .empty p{font-size:14px}.sn-prototype .empty{padding:32px 20px} .sn-prototype .member-card{background:var(--color-action-soft-bg);color:var(--color-text);padding:24px}.sn-prototype .member-card p{font-size:14px;color:var(--color-text-secondary)}.sn-prototype .member-card .meta{font-size:10px;color:var(--color-text-secondary)} .sn-prototype .member-progress{display:block;appearance:none;width:100%;height:4px;margin-top:20px;border:0;border-radius:4px;overflow:hidden}.sn-prototype .member-progress::-webkit-progress-bar{background:var(--color-border)}.sn-prototype .member-progress::-webkit-progress-value{background:var(--color-price)} .sn-prototype .menu button{min-height:56px;font-size:14px}.sn-prototype .menu button svg{width:24px;height:24px;color:var(--color-text-secondary)} .sn-prototype .store-card h3{font-size:18px}.sn-prototype .store-card p{font-size:12px}.sn-prototype .store-card .badges{flex-wrap:wrap}.sn-prototype .store-card .badges span{font-size:10px;background:var(--color-action-soft-bg);color:var(--color-action-soft-text)}.sn-prototype .store-card.selected{border-color:var(--color-price)} .sn-prototype .bottom{padding-bottom:max(12px,env(safe-area-inset-bottom));border-color:var(--color-border)}.sn-prototype .bottom button{min-height:44px;font-size:10px;color:var(--color-text-secondary)}.sn-prototype .bottom button.active{color:var(--color-price)} .sn-prototype .demo-footer{font-size:10px;color:var(--color-text-secondary);margin-top:24px;line-height:1.6} .sn-prototype #sheetBody p{font-size:14px;color:var(--color-text-secondary)}.sn-prototype #toast{background:var(--color-action-bg);font-size:12px}.sn-prototype .primary,.sn-prototype .secondary{font-size:14px;min-height:44px} @media(max-width:350px){.sn-prototype main{padding-left:12px;padding-right:12px}.sn-prototype .member-top b{font-size:11px}.sn-prototype .cart-row{padding:12px;gap:8px}.sn-prototype .cart-row .product-art{width:48px}.sn-prototype .section-title h2{font-size:16px}.sn-prototype .campaign-copy strong{font-size:28px}} .sn-prototype{font-size:12px} .sn-prototype .intro h1,.sn-prototype .coupon-hero h1{font-size:26px;line-height:1.35} .sn-prototype .intro p,.sn-prototype .coupon-hero p{font-size:12px;line-height:1.65} .sn-prototype .section-title h2,.sn-prototype .task-card>h3{font-size:16px} .sn-prototype .product h3,.sn-prototype .cart-row h3{font-size:13px} .sn-prototype .product p{font-size:11px;min-height:33px} .sn-prototype .price{font-size:22px}.sn-prototype .price span{font-size:11px} .sn-prototype .scene-card h3,.sn-prototype .detail-info h1{font-size:22px} .sn-prototype .scene-card p,.sn-prototype .scene-card b{font-size:11px} .sn-prototype .scene-choice h3,.sn-prototype .coupon-info h3,.sn-prototype .task-head h3{font-size:15px} .sn-prototype .scene-choice small,.sn-prototype .coupon-info p,.sn-prototype .task-head p,.sn-prototype .task-row p{font-size:11px} .sn-prototype .detail-info>p,.sn-prototype .empty p,.sn-prototype .member-card p{font-size:12px} .sn-prototype .detail-info .price{font-size:26px} .sn-prototype .specs span{font-size:11px} .sn-prototype .task-row h3,.sn-prototype .cart-total .row{font-size:13px} .sn-prototype .cart-row p{font-size:11px} .sn-prototype .member-card h1{font-size:22px} .sn-prototype .menu button{font-size:13px} .sn-prototype .store-card h3{font-size:16px} .sn-prototype .primary,.sn-prototype .secondary{font-size:12px} .sn-prototype #sheetBody p{font-size:12px} .sn-prototype .sheet-head h2{font-size:18px} .sn-prototype .success{font-size:22px} .sn-prototype .points-banner .big{font-size:42px} .sn-prototype .balances b{font-size:22px} .sn-prototype .balances span{font-size:11px} .sn-prototype .campaign-copy strong{font-size:28px} .sn-prototype .campaign-page .campaign-copy strong{font-size:30px} .sn-prototype .campaign-copy em,.sn-prototype .campaign-copy b{font-size:11px} .sn-prototype .campaign-copy{top:20px;left:16px;max-width:58%;gap:0} .sn-prototype .campaign-copy strong, .sn-prototype .campaign-page .campaign-copy strong{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:10px 0 8px} .sn-prototype .campaign-copy small{font-size:9px;line-height:1.5;letter-spacing:0} .sn-prototype .campaign-copy em{font-size:10px;line-height:1.6} .sn-prototype .campaign-copy b{font-size:10px;line-height:1.4;padding:9px 12px;min-height:36px;margin-top:16px;font-weight:600} .sn-prototype .stamp{width:40px;height:40px;font-size:9px;right:12px;top:16px} @media(max-width:350px){.sn-prototype .campaign-copy strong,.sn-prototype .campaign-page .campaign-copy strong{font-size:22px}.sn-prototype .campaign-copy{max-width:62%;left:14px}}