:root{--white:#fff;--bg:#f7f7f7;--border:#eee;--border-dark:#e0e0e0;--accent:#d4442a;--accent-hover:#bf3b24;--accent-light:#fff0ed;--accent-border:#fdddd6;--text:#1a1a1a;--text-mid:#666;--text-light:#999;--text-lighter:#bbb}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,sans-serif}.app-container{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.cover-screen{background:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:48px 28px;display:flex}.cover-badge{background:var(--accent-light);color:var(--accent);border-radius:20px;margin-bottom:28px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.cover-title{color:var(--text);margin-bottom:12px;font-family:Gaegu,cursive;font-size:42px;font-weight:700;line-height:1.15}.cover-title .accent{color:var(--accent)}.cover-divider{background:var(--accent);border-radius:2px;width:40px;height:3px;margin:14px auto}.cover-meme-quote{color:var(--text-mid);margin-bottom:4px;font-family:Gaegu,cursive;font-size:clamp(15px,4.2vw,20px)}.cover-meme-src{color:#999;margin-bottom:36px;font-size:10px}.cover-stats{gap:28px;margin-bottom:40px;display:flex}.cover-stat{text-align:center}.cover-stat-num{color:var(--text);font-size:clamp(15px,4.2vw,20px);font-weight:900}.cover-stat-label{color:var(--text-light);margin-top:2px;font-size:10px}.cover-start-btn{background:var(--accent);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:14px;margin-bottom:10px;padding:18px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.cover-start-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4442a40}.cover-start-btn:active{transform:scale(.97)}.cover-time{color:#999;font-size:11px}.hero{background:var(--white);text-align:center;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 12px}.hero h1{font-family:Gaegu,cursive;font-size:20px;font-weight:700}.hero-sub{color:var(--text-light);margin-top:2px;font-size:11px}.bowl-section{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 20px}.bowl-container{width:200px;height:200px;margin:0 auto;position:relative}.bowl{background:linear-gradient(#e8e8e8 0%,#d5d5d5 40%,#c8c8c8 100%);border:2px solid #d0d0d0;border-radius:0 0 50% 50%;width:200px;height:120px;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 4px 12px #fff6,inset 0 -4px 8px #00000014,0 6px 20px #0000001a}.bowl-inner{height:100%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ingredient-layer{opacity:0;color:#ffffffe6;text-shadow:0 1px 2px #0000004d;border-radius:0 0 48% 48%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;left:8px;right:8px;transform:translateY(-20px)scale(.9)}.ingredient-layer.visible{opacity:1;transform:translateY(0)scale(1)}.layer-rice{color:#0003;z-index:1;background:linear-gradient(#fff8e8,#f5ecd0);height:36px;bottom:0}.layer-bomdong{z-index:2;background:linear-gradient(#66bb6a,#43a047);height:28px;bottom:32px}.layer-sauce{z-index:3;background:linear-gradient(#e53935,#c62828);height:20px;bottom:54px}.layer-oil{z-index:4;background:linear-gradient(90deg,#0000 10%,#ffb300 30%,#0000 50%,#ffb300 70%,#0000 90%);border-radius:0;height:10px;bottom:68px;left:18px;right:18px}.layer-egg{z-index:5;background:radial-gradient(circle,#ffd54f 30%,#fff 31% 100%);border-radius:50%;width:44px;height:36px;font-size:0;bottom:60px;left:50%;right:auto;transform:translate(-50%)translateY(-20px)scale(.9);box-shadow:0 2px 6px #0000001a}.layer-egg.visible{transform:translate(-50%)translateY(0)scale(1)}.layer-sesame{z-index:6;letter-spacing:3px;color:#b4a064e6;height:18px;text-shadow:none;background:0 0;font-size:10px;bottom:78px}.bowl-empty-text{color:#0000001f;z-index:0;white-space:nowrap;font-family:Gaegu,cursive;font-size:13px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bowl-progress{text-align:center;color:var(--text-light);margin-top:10px;font-size:12px}.bowl-progress .count{color:var(--accent);font-size:14px;font-weight:900}.bowl-status{text-align:center;color:var(--text-mid);min-height:22px;margin-top:4px;font-family:Gaegu,cursive;font-size:15px;transition:all .3s}.card-section{background:var(--white);flex-direction:column;flex:1;display:flex;overflow:hidden}.card-header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.card-header h2{font-size:16px;font-weight:900}.card-counter{color:var(--text-light);font-variant-numeric:tabular-nums;font-size:13px}.card-viewport{flex:1;padding:8px 20px;position:relative;overflow:hidden}.ingredient-card{background:var(--white);border:1.5px solid var(--border);opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:8px 20px 0;transform:translate(100px)scale(.95)}.ingredient-card.active{opacity:1;pointer-events:all;transform:translate(0)scale(1)}.ingredient-card.exit-left{opacity:0;transform:translate(-100px)scale(.95)}.card-category{color:#999;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;top:16px;left:16px}.card-number{color:var(--border-dark);font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.card-image-placeholder{background:var(--bg);border:2px dashed var(--border-dark);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:16px;font-size:52px;display:flex}.card-name{margin-bottom:4px;font-size:clamp(15px,4.2vw,20px);font-weight:900}.card-detail{color:var(--text-mid);margin-bottom:4px;font-size:13px}.card-tip{color:var(--text-light);font-size:12px;font-style:italic}.card-buttons{background:var(--white);flex-shrink:0;gap:10px;padding:12px 20px 24px;display:flex}.btn{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;flex:1;padding:16px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;transition:all .15s}.btn:active{transform:scale(.96)}.btn-no{background:var(--bg);color:var(--text-mid);border:1.5px solid var(--border)}.btn-no:hover{background:var(--border)}.btn-yes{background:var(--accent);color:var(--white)}.btn-yes:hover{background:var(--accent-hover)}.complete-screen{text-align:center;background:var(--white);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.complete-title{margin-bottom:8px;font-family:Gaegu,cursive;font-size:26px;font-weight:700}.complete-sub{color:var(--text-mid);margin-bottom:20px;font-size:13px;line-height:1.5}.missing-summary{background:var(--accent-light);border:1.5px solid var(--accent-border);text-align:left;border-radius:16px;width:100%;margin-bottom:16px;padding:16px}.missing-summary-title{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:700}.missing-chips{flex-wrap:wrap;gap:6px;display:flex}.missing-chip{background:var(--white);border:1px solid var(--accent-border);color:var(--text);cursor:pointer;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s}.missing-chip:hover{background:var(--accent-light);border-color:var(--accent)}.complete-actions{flex-direction:column;gap:8px;width:100%;display:flex}.action-btn{text-align:center;cursor:pointer;border:none;border-radius:14px;padding:14px;font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700;transition:all .15s}.action-btn:active{transform:scale(.97)}.action-btn.primary{background:var(--accent);color:var(--white)}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.secondary{background:var(--white);color:var(--text);border:1.5px solid var(--border-dark)}.action-btn.outline{color:var(--text-light);border:1.5px solid var(--border);background:0 0}.share-preview{background:var(--bg);flex-direction:column;flex:1;align-items:center;padding:24px;display:flex}.share-card{background:var(--white);text-align:center;border:1.5px solid var(--border);border-radius:20px;width:100%;margin-bottom:16px;padding:24px;box-shadow:0 4px 16px #0000000f}.mini-bowl{background:linear-gradient(#e8e8e8,#d0d0d0);border:2px solid #d5d5d5;border-radius:0 0 50% 50%;width:130px;height:80px;margin:0 auto 12px;position:relative;overflow:hidden}.mini-layer{border-radius:0 0 46% 46%;position:absolute;left:6px;right:6px}.share-card h3{margin-bottom:4px;font-family:Gaegu,cursive;font-size:20px}.share-card p{color:var(--text-light);margin-bottom:12px;font-size:12px}.share-missing-list{text-align:left;background:var(--accent-light);color:var(--text-mid);border-radius:12px;padding:12px;font-size:12px;line-height:1.8}.share-missing-list .label{color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:700}.share-note{color:#999;margin-bottom:16px;font-size:11px}.back-link{color:var(--text-light);cursor:pointer;background:0 0;border:none;margin-top:8px;font-family:Noto Sans KR,sans-serif;font-size:13px}.back-link:hover{color:var(--accent)}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}.confetti-container{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;top:0;left:0}.confetti{border-radius:2px;width:8px;height:8px;animation:1.5s ease-out forwards confettiFall;position:absolute}.bowl-svg-wrapper{width:100%;max-width:320px;margin:0 auto}.bowl-svg{width:100%;height:auto;display:block}.bowl-svg .ingredient-group{opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(-15px)}.bowl-svg .ingredient-group.visible{opacity:1;transform:translateY(0)}.share-score{color:var(--accent);margin-bottom:4px;font-size:14px;font-weight:700}.shared-result{background:var(--bg);flex-direction:column;align-items:center;min-height:100dvh;padding:32px 20px 40px;display:flex}.shared-header{text-align:center;margin-bottom:24px}.shared-badge{background:var(--accent-light);color:var(--accent);letter-spacing:.3px;border-radius:20px;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.shared-title{color:var(--text);font-family:Gaegu,cursive;font-size:28px;font-weight:700}.shared-card{background:var(--white);text-align:center;border:1.5px solid var(--border);border-radius:24px;width:100%;margin-bottom:24px;padding:28px 24px;box-shadow:0 4px 20px #0000000f}.shared-score{margin-bottom:4px}.shared-score-num{color:var(--accent);font-family:Gaegu,cursive;font-size:56px;font-weight:700;line-height:1}.shared-score-slash{color:#999;margin:0 2px;font-size:28px}.shared-score-total{color:var(--text-light);font-size:28px}.shared-score-label{color:var(--text-mid);margin-bottom:20px;font-size:14px}.shared-missing{background:var(--accent-light);border:1.5px solid var(--accent-border);text-align:left;border-radius:16px;margin-bottom:16px;padding:16px}.shared-missing-title{color:var(--accent);margin-bottom:10px;font-size:14px;font-weight:700}.shared-missing-chips{flex-wrap:wrap;gap:8px;display:flex}.shared-chip{background:var(--white);border:1px solid var(--accent-border);color:var(--text);border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.shared-chip.coupang{cursor:pointer;transition:all .15s}.shared-chip.coupang:hover{background:var(--accent-light);border-color:var(--accent)}.chip-buy{color:var(--accent);margin-left:2px;font-size:10px;font-weight:700}.shared-have{text-align:left;background:#f0faf0;border:1px solid #d4ecd4;border-radius:12px;padding:12px 16px}.shared-have-title{color:#4caf50;margin-bottom:8px;font-size:13px;font-weight:700}.shared-have-list{flex-wrap:wrap;gap:6px;display:flex}.shared-have-item{color:var(--text-mid);font-size:12px}.shared-try-btn{background:var(--accent);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:14px;margin-bottom:16px;padding:18px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.shared-try-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4442a40}.shared-try-btn:active{transform:scale(.97)}.shared-footer{color:#999;font-size:11px}@media (max-height:750px){.bowl-section{padding:4px 20px 8px}.bowl-svg-wrapper{max-width:240px}.bowl-progress{margin-top:4px;font-size:11px}.bowl-status{min-height:18px;font-size:13px}.hero{padding:10px 20px 8px}.hero h1{font-size:clamp(15px,4.2vw,20px)}}@media (max-height:900px) and (min-height:751px){.bowl-svg-wrapper{max-width:280px}.bowl-section{padding:6px 20px 10px}}.bowl-section{flex-shrink:1;overflow:hidden}.bowl-svg-wrapper{max-width:min(280px,38vh)}.card-section{flex-shrink:0;min-height:280px}.hero{flex-shrink:0}@media (max-height:700px){.hero{padding:8px 20px 6px}.hero h1{font-size:16px}.hero-sub{font-size:10px}.bowl-section{padding:2px 16px 6px}.bowl-svg-wrapper{max-width:min(220px,30vh)}.bowl-progress{margin-top:2px;font-size:11px}.bowl-status{min-height:16px;margin-top:2px;font-size:12px}.card-header{padding:10px 20px 4px}.card-buttons{padding:8px 20px 16px}}@media (max-height:850px) and (min-height:701px){.hero{padding:10px 20px 8px}.bowl-section{padding:4px 20px 8px}.bowl-svg-wrapper{max-width:min(260px,34vh)}.bowl-progress{margin-top:4px}.bowl-status{min-height:18px;font-size:14px}}.coupang-notice{color:#999;text-align:center;text-align:center;margin:16px 0;font-size:11px;line-height:1.5}a.missing-chip{border:1.5px solid var(--accent);background:var(--accent-light);color:var(--text);padding-right:42px;text-decoration:none;transition:background .15s,border-color .15s;position:relative}a.missing-chip:after{content:"구매";color:#fff;background:var(--accent);border-radius:0 16px 16px 0;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;right:0}a.missing-chip:active{background:var(--accent-border)}.coupang-card-list{flex-direction:column;gap:8px;display:flex}.coupang-item-card{cursor:pointer;background:#fff;border:1px solid #fdddd6;border-radius:12px;align-items:center;padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.coupang-item-card:hover{background:snow;border-color:#d4442a}.coupang-item-card:active{transform:scale(.98)}.coupang-item-card.no-link{cursor:default;opacity:.7}.coupang-item-emoji{background:#fff0ed;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:clamp(15px,4.2vw,20px);display:flex}.coupang-item-info{text-align:left;flex:1;margin-left:10px}.coupang-item-name{color:#1a1a1a;font-size:14px;font-weight:700}.coupang-item-detail{color:#999;margin-top:1px;font-size:11px}.coupang-buy-btn{color:#fff;background:#d4442a;border-radius:10px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:700}.coupang-notice{color:#bbb;text-align:center;margin:16px 0;font-size:11px;line-height:1.8}.cover-subtitle{letter-spacing:-.5px;font-size:28px;font-weight:700;display:block}