*{margin:0;padding:0;box-sizing:border-box}:root{--font:"Pretendard","Apple SD Gothic Neo",system-ui,-apple-system,sans-serif;--font-display:"Jua",var(--font);--bg:#140c1a;--plum:#1a1020;--surface:#221528;--surface2:#2a1a30;--border:rgba(255,255,255,0.12);--text:#ffffff;--meta:#e0b9c8;--muted:#a98ba0;--accent:#ff8a5b;--accent2:#ffd166;--amber:#ffd166;--grad:linear-gradient(90deg,#ff8a5b,#ffd166);--good:#7ee0a8;--warn:#ffb454;--tabbar-h:60px}body,html{font-family:var(--font);background:var(--bg);color:var(--text)}.cardname,.qhero,.qtitle,.search-title,h1,h2{font-family:var(--font-display);font-weight:400}.page{max-width:560px;margin:0 auto;padding:20px 16px 24px;display:flex;flex-direction:column;gap:18px}.page-center{min-height:calc(100dvh - var(--tabbar-h));justify-content:center}.quiz{flex-direction:column;min-height:calc(100dvh - 44px - var(--tabbar-h) - 72px)}.qtop,.quiz{display:flex}.qtop{align-items:center;gap:10px}.qprogress{flex:1 1;height:6px;background:var(--surface2);overflow:hidden}.qbar,.qprogress{border-radius:99px}.qbar{height:100%;background:var(--grad);transition:width .35s cubic-bezier(.4,0,.2,1)}.qcount{font-size:12px;font-weight:700;color:var(--muted);flex:0 0 auto;min-width:42px;text-align:right}.qbody{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:24px 2px;animation:stepIn .32s cubic-bezier(.16,1,.3,1)}@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.qhead{display:flex;flex-direction:column;gap:8px}.qtitle{font-size:24px;font-weight:800;line-height:1.3;letter-spacing:-.01em}.qsub{font-size:14px;color:var(--muted);line-height:1.55}.qoptions{gap:10px}.opt,.qoptions{display:flex;flex-direction:column}.opt{position:relative;gap:3px;text-align:left;min-height:58px;justify-content:center;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:14px 46px 14px 18px;font-family:var(--font);transition:border-color .15s,background .15s,transform .05s}.opt:active{transform:scale(.985)}.opt-main{font-size:16px;font-weight:700}.opt-sub{font-size:12.5px;color:var(--muted)}.opt-tick{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:900;color:var(--accent);opacity:0;transition:opacity .15s}.opt[aria-pressed=true]{border-color:var(--accent);background:rgba(255,138,91,.16)}.opt[aria-pressed=true] .opt-tick{opacity:1}.qchips{display:flex;gap:9px;flex-wrap:wrap}.chip{cursor:pointer;min-height:46px;display:inline-flex;align-items:center;border:1.5px solid var(--border);background:var(--surface);color:#c4c4d2;border-radius:12px;padding:10px 16px;font:700 14.5px var(--font);transition:border-color .15s,background .15s,color .15s,transform .05s}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{border-color:var(--accent);background:rgba(255,138,91,.18);color:#fff}.chip-none[aria-pressed=true]{border-color:var(--muted);background:var(--surface2);color:#e6e6ef}.chip-toggle{width:100%;justify-content:center}.chip-toggle.is-on{border-color:var(--accent2);background:rgba(255,209,102,.16);color:#fff}.qextra{display:flex;flex-direction:column;gap:14px}.row2{display:flex;gap:12px}.row2>*{flex:1 1;min-width:0}.inp{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#cfcfe0}.inp input{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);border-radius:11px;padding:13px 14px;font:400 16px var(--font)}.inp input:focus{outline:none;border-color:var(--accent)}.ssel{position:relative}.ssel input{width:100%;background:var(--surface2);border:1.5px solid var(--border);color:var(--text);border-radius:11px;padding:13px 38px 13px 14px;font:400 16px var(--font)}.ssel input:focus{outline:none;border-color:var(--accent)}.ssel-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;pointer-events:none}.ssel-list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:232px;overflow-y:auto;list-style:none;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.45)}.ssel-list li button{width:100%;text-align:left;background:none;border:none;cursor:pointer;color:#d6d6e2;border-radius:8px;padding:11px 12px;font:600 14.5px var(--font)}.ssel-list li button:active,.ssel-list li button:hover{background:rgba(255,138,91,.16);color:#fff}.npick{position:relative;height:64px}.npick-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:52px;border:1.5px solid var(--accent);border-radius:12px;background:rgba(255,138,91,.12);pointer-events:none;z-index:1}.npick:after,.npick:before{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}.npick:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.npick:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.npick-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 calc(50% - 28px);scrollbar-width:none;-ms-overflow-style:none}.npick-track::-webkit-scrollbar{display:none}.npick-cell{flex:0 0 56px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:none;border:none;cursor:pointer;color:var(--muted);font:700 17px var(--font)}.npick-cell small{font-size:10px;font-weight:600;opacity:.8}.npick-cell.is-sel{color:#fff;font-size:19px}.cardsave-btn{width:100%;min-height:52px;border:none;cursor:pointer;border-radius:14px;font:800 15.5px var(--font);color:#221528;background:var(--grad);box-shadow:0 8px 22px rgba(255,138,91,.28)}.cardsave-btn:hover{filter:brightness(1.04)}.cardsave-btn:active{transform:translateY(1px)}.cardsave-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.qwelcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.qwelcome .cardsave-btn{margin-top:4px}.qwelcome .qtext-input{width:100%}.qcat{font-size:64px;line-height:1}.qhero{font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.01em}.qherosub{font-size:15px;color:var(--muted);line-height:1.6;max-width:320px}.photo-btn{margin-top:8px;border:1.5px dashed #3a3a48;border-radius:12px;padding:15px 20px;cursor:pointer;color:#c9c9d6;background:var(--surface2);font-size:14.5px;font-weight:600}.photo-btn.is-busy{opacity:.6;cursor:progress}.hint{font-size:12.5px;color:var(--good);line-height:1.5}.qfoot{position:-webkit-sticky;position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:linear-gradient(180deg,transparent,var(--bg) 30%)}.qback{background:none;border:none;cursor:pointer;color:var(--muted);font:700 14px var(--font);padding:12px 6px}.qback:active{color:var(--text)}.qnext{flex:0 0 auto;min-height:50px;border:none;border-radius:13px;cursor:pointer;padding:0 26px;font:800 15px var(--font);color:#fff;background:var(--accent)}.qnext.qsubmit{flex:1 1;background:var(--grad)}.qnext:disabled{opacity:.55;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.loading-cat{font-size:64px;animation:bob 1.1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-text{font-size:15px;color:#cfcfe0;line-height:1.5}.loading-dots{display:flex;gap:7px}.loading-dots span{width:8px;height:8px;border-radius:99px;background:var(--accent);animation:blink 1.2s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.rtop{display:flex;align-items:center;justify-content:space-between;gap:12px}.rtop h1{font-size:22px}.restart{background:var(--surface2);border:1px solid var(--border);color:#cfcfe0;cursor:pointer;border-radius:10px;padding:9px 14px;font:700 13px var(--font)}.restart:active{background:var(--surface)}.results{display:flex;flex-direction:column;gap:26px}.rhead{font-size:17px;margin-bottom:12px}.rhead.rx,.rxnote{color:var(--warn)}.rxnote{font-size:12.5px;margin:-6px 0 12px;line-height:1.5}.rgrid{display:flex;flex-direction:column;gap:12px}.empty{font-size:14px;line-height:1.6}.product{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.product--top{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 30px rgba(255,138,91,.18)}.pmedia{position:relative;width:100%;aspect-ratio:3/2;background:#fff;display:flex;align-items:center;justify-content:center}.pimg{object-fit:contain;padding:16px}.pimg,.pmedia-ph{width:100%;height:100%}.pmedia-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#232330,#1a1a24)}.pmedia-ph-emoji{font-size:46px;opacity:.7}.pmedia-ph-brand{font-size:13px;font-weight:700;color:var(--muted)}.prank{position:absolute;top:10px;left:10px;min-width:28px;height:28px;padding:0 9px;border-radius:9px;background:rgba(14,14,18,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}.prank--top{background:var(--grad);font-size:12.5px}.pscore{position:absolute;top:10px;right:10px;font-size:12px;font-weight:800;color:#062d22;background:var(--good);border-radius:20px;padding:5px 11px;box-shadow:0 2px 8px rgba(0,0,0,.25)}.pbody{padding:15px 16px 16px}.pbrand{font-size:12px;color:var(--muted)}.pname{font-size:17px;font-weight:800;line-height:1.35;margin-top:2px}.pbadges{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.badge{font-size:11.5px;color:#c9c9d6;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:3px 8px}.badge.rx{color:var(--warn);border-color:rgba(255,180,84,.4);background:rgba(255,180,84,.1)}.badge.est{color:#9a9aa8;border-style:dashed}.pnut{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:#c9c9d6}.pnut span{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:2px 8px}.pprice{margin-top:10px;font-size:14px;font-weight:700;color:#e9e9f2}.pprice a{color:#7ee0b0}.pprice-meta{font-size:11px;font-weight:400;color:#7a7a88}.psource{margin-top:9px;font-size:11px;color:#6f6f7e}.psource a{color:#8a8a9a}.ptags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tag{font-size:11.5px;font-weight:700;color:#a9e6cf;background:rgba(78,201,160,.12);border:1px solid rgba(78,201,160,.3);border-radius:20px;padding:3px 9px}.preason{margin-top:11px;font-size:13.5px;line-height:1.55;color:#ddddea}.pcaution{margin-top:7px;font-size:12.5px;line-height:1.5;color:var(--warn)}.error{color:#ff8a8a;font-size:14px}.disclaimer{color:#7a7a88;font-size:12px;line-height:1.6;text-align:center}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:560px;margin:0 auto;display:flex;background:rgba(14,14,18,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar-brand{display:none}.tabbar-logo{width:26px;height:26px;border-radius:50%;object-fit:cover}.brand-header{position:-webkit-sticky;position:sticky;top:0;z-index:45;background:rgba(20,12,26,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}.brand-header-inner{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;text-decoration:none}.brand-header-logo{width:30px;height:30px;border-radius:50%;object-fit:cover}.brand-header-name{font-family:var(--font-display);font-size:20px;color:var(--text)}.tab,.tabbar-tabs{display:flex;flex:1 1}.tab{flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:700}.tab-icon{font-size:20px;line-height:1;filter:grayscale(.5);opacity:.7}.tab--active{color:var(--text)}.tab--active .tab-icon{filter:none;opacity:1}.search{display:flex;flex-direction:column;gap:14px}.search-title{font-size:22px;font-weight:800}.search-input{width:100%;min-height:48px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 16px;font:600 15px var(--font)}.search-input:focus{outline:none;border-color:var(--accent)}.filters{display:flex;flex-direction:column;gap:8px}.frow{display:flex;gap:7px;flex-wrap:wrap}.fchip{cursor:pointer;min-height:36px;display:inline-flex;align-items:center;border:1.5px solid var(--border);background:var(--surface);color:#c4c4d2;border-radius:10px;padding:7px 12px;font:700 13px var(--font)}.fchip-sm{font-size:12px;padding:6px 10px;min-height:32px}.fchip.is-on{border-color:var(--accent);background:rgba(255,138,91,.18);color:#fff}.search-count{font-size:13px;color:var(--muted);font-weight:700}.empty{color:var(--muted);text-align:center;padding:40px 0}.cgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.ccard{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.cmedia{aspect-ratio:1/1;background:var(--surface2);display:flex;align-items:center;justify-content:center}.cimg{width:100%;height:100%;object-fit:cover}.cmedia-ph-emoji{font-size:44px}.cbody{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px}.cbrand{font-size:11px;color:var(--muted);font-weight:700}.cname{font-size:14px;font-weight:800;line-height:1.25}.cbadges{margin-top:2px}.cbadges,.ctags{display:flex;gap:4px;flex-wrap:wrap}.csource{font-size:11px}.csource a{color:var(--muted)}@media (min-width:480px){.cgrid{grid-template-columns:repeat(3,1fr)}}.qtext-input{width:100%;min-height:56px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:14px 18px;font:700 18px var(--font)}.qtext-input:focus{outline:none;border-color:var(--accent)}.page--result{padding-bottom:96px}.fab-save{position:fixed;left:0;right:0;margin:0 auto;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);width:calc(100% - 32px);max-width:528px;z-index:40;min-height:52px;border:none;cursor:pointer;border-radius:14px;font:800 15px var(--font);color:#fff;background:var(--grad);box-shadow:0 10px 30px rgba(0,0,0,.45)}.fab-save.is-saved{background:var(--surface2);color:var(--good);border:1px solid var(--border);box-shadow:0 6px 20px rgba(0,0,0,.35)}.linklike{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer}.cardgallery{display:flex;flex-direction:column;align-items:center;gap:22px}.catcard{width:392px;max-width:100%;border-radius:26px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.catcard.theme-sunset{--cc-inner:#221528;--cc-text:#fff;--cc-meta:#e0b9c8;--cc-brand:linear-gradient(90deg,#ff8a5b,#ffd166);--cc-rarity:#ffd166;--cc-photo:linear-gradient(135deg,#3a2238,#4a2a30);--cc-photo-bd:rgba(255,255,255,.12);--cc-glow:rgba(255,138,91,.5);--cc-foil:linear-gradient(90deg,#fff,#ffe9cf);--cc-foil-fg:#221528;--cc-chip-bg:rgba(255,138,91,.18);--cc-chip-fg:#ffc4a3;--cc-chip-bd:rgba(255,138,91,.4);--cc-labc:#f5d2c5;--cc-barbg:rgba(255,255,255,.1);--cc-barfg:linear-gradient(90deg,#ffd166,#ff5e7e);--cc-recbg:rgba(255,255,255,.05);--cc-rech:#ffd166;--cc-rankbg:#ff5e7e;--cc-rankfg:#fff;--cc-recfg:#ffe7dd;background:linear-gradient(135deg,#ff8a5b,#ff5e7e,#ffd166)}.catcard.theme-mint{--cc-inner:#fff;--cc-text:#1b2a36;--cc-meta:#7a8a99;--cc-brand:linear-gradient(90deg,#2bbf8e,#3a8fd0);--cc-rarity:#f0a500;--cc-photo:linear-gradient(135deg,#eaf6f1,#e3eefb);--cc-photo-bd:rgba(0,0,0,.06);--cc-glow:rgba(124,198,255,.35);--cc-foil:linear-gradient(90deg,#7cc6ff,#c3a6ff);--cc-foil-fg:#fff;--cc-chip-bg:rgba(124,198,255,.16);--cc-chip-fg:#3a8fd0;--cc-chip-bd:rgba(124,198,255,.5);--cc-labc:#5a6a78;--cc-barbg:rgba(0,0,0,.07);--cc-barfg:linear-gradient(90deg,#7ee8c2,#7cc6ff);--cc-recbg:#f4f8fb;--cc-rech:#2bbf8e;--cc-rankbg:#7cc6ff;--cc-rankfg:#fff;--cc-recfg:#38485a;background:linear-gradient(135deg,#7ee8c2,#7cc6ff,#c3a6ff)}.catcard.theme-gold{--cc-inner:#141318;--cc-text:#fff;--cc-meta:#bdb29a;--cc-brand:linear-gradient(90deg,#f4e4b0,#d4af6a);--cc-rarity:#f4e4b0;--cc-photo:linear-gradient(135deg,#1e1c24,#26222a);--cc-photo-bd:rgba(212,175,106,.25);--cc-glow:rgba(212,175,106,.4);--cc-foil:linear-gradient(90deg,#f4e4b0,#d4af6a);--cc-foil-fg:#141318;--cc-chip-bg:rgba(212,175,106,.14);--cc-chip-fg:#e8d4a0;--cc-chip-bd:rgba(212,175,106,.4);--cc-labc:#d8cdb4;--cc-barbg:rgba(255,255,255,.08);--cc-barfg:linear-gradient(90deg,#d4af6a,#f4e4b0);--cc-recbg:rgba(255,255,255,.04);--cc-rech:#5fd6c4;--cc-rankbg:#d4af6a;--cc-rankfg:#141318;--cc-recfg:#ece5d3;background:linear-gradient(135deg,#d4af6a,#f4e4b0,#8a6f3a)}.catcard.theme-ocean{--cc-inner:#111c28;--cc-text:#fff;--cc-meta:#9fc0d6;--cc-brand:linear-gradient(90deg,#33e1ff,#3affc0);--cc-rarity:#3affc0;--cc-photo:linear-gradient(135deg,#13283a,#142a3a);--cc-photo-bd:rgba(51,225,255,.2);--cc-glow:rgba(51,225,255,.5);--cc-foil:linear-gradient(90deg,#fff,#cfeeff);--cc-foil-fg:#111c28;--cc-chip-bg:rgba(51,225,255,.16);--cc-chip-fg:#8fdcff;--cc-chip-bd:rgba(51,225,255,.4);--cc-labc:#c4d6e2;--cc-barbg:rgba(255,255,255,.1);--cc-barfg:linear-gradient(90deg,#3affc0,#33e1ff);--cc-recbg:rgba(255,255,255,.05);--cc-rech:#3affc0;--cc-rankbg:#33e1ff;--cc-rankfg:#06121c;--cc-recfg:#dceef6;background:linear-gradient(135deg,#33e1ff,#4f8bff,#3affc0)}.catcard.theme-strawberry{--cc-inner:#fffafc;--cc-text:#4a2236;--cc-meta:#a07a8c;--cc-brand:linear-gradient(90deg,#ff6fa5,#b07be0);--cc-rarity:#ff8ab0;--cc-photo:linear-gradient(135deg,#ffeaf2,#f3e9ff);--cc-photo-bd:rgba(0,0,0,.05);--cc-glow:rgba(255,158,199,.35);--cc-foil:linear-gradient(90deg,#ff9ec7,#c3a6ff);--cc-foil-fg:#fff;--cc-chip-bg:rgba(255,158,199,.18);--cc-chip-fg:#d65a93;--cc-chip-bd:rgba(255,158,199,.5);--cc-labc:#8a6a78;--cc-barbg:rgba(0,0,0,.06);--cc-barfg:linear-gradient(90deg,#ff9ec7,#c3a6ff);--cc-recbg:#fdeff5;--cc-rech:#d65a93;--cc-rankbg:#ff9ec7;--cc-rankfg:#fff;--cc-recfg:#5a3848;background:linear-gradient(135deg,#ff9ec7,#ffc4dd,#c3a6ff)}.cc-inner{border-radius:21px;background:var(--cc-inner);color:var(--cc-text);padding:16px 16px 14px;display:flex;flex-direction:column;overflow:hidden}.cc-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cc-brand{font-weight:800;letter-spacing:.5px;font-size:15px;background:var(--cc-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.cc-rarity{font-weight:800;font-size:12px;color:var(--cc-rarity);letter-spacing:1px}.cc-photo{height:208px;border-radius:16px;position:relative;background:var(--cc-photo);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--cc-photo-bd)}.cc-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,var(--cc-glow),transparent 60%)}.cc-emoji{font-size:104px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));z-index:1}.cc-foil{position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;color:var(--cc-foil-fg);background:var(--cc-foil);padding:3px 8px;border-radius:20px;letter-spacing:.5px}.cc-name{font-size:30px;font-weight:900;margin-top:12px;line-height:1;color:var(--cc-text)}.cc-meta{font-size:13px;color:var(--cc-meta);margin-top:5px}.cc-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.cc-chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--cc-chip-bg);color:var(--cc-chip-fg);border:1px solid var(--cc-chip-bd)}.cc-stats{margin-top:14px;flex-direction:column}.cc-stat,.cc-stats{display:flex;gap:8px}.cc-stat{align-items:center;font-size:12px}.cc-lab{width:78px;color:var(--cc-labc);font-weight:600}.cc-bar{flex:1 1;height:8px;border-radius:8px;background:var(--cc-barbg);overflow:hidden}.cc-bar i{display:block;height:100%;border-radius:8px;background:var(--cc-barfg)}.cc-val{width:30px;text-align:right;font-weight:800;color:var(--cc-text)}.cc-rec{margin-top:14px;background:var(--cc-recbg);border-radius:14px;padding:11px 12px}.cc-rec h4{font-size:12px;color:var(--cc-rech);letter-spacing:.5px;margin-bottom:8px;font-weight:800}.cc-row{gap:8px;font-size:13px;padding:3px 0}.cc-rank,.cc-row{display:flex;align-items:center}.cc-rank{width:18px;height:18px;border-radius:50%;background:var(--cc-rankbg);color:var(--cc-rankfg);font-size:11px;font-weight:800;justify-content:center;flex:0 0 auto}.cc-row span:last-child{color:var(--cc-recfg)}.cc-delete{margin-top:12px;align-self:flex-end;background:none;border:1px solid var(--cc-photo-bd);color:var(--cc-meta);border-radius:10px;padding:6px 14px;font:700 12px var(--font);cursor:pointer}.cc-photo-actions{position:absolute;top:10px;left:12px;display:flex;gap:6px;z-index:2}.cc-photo-btn{font-size:11px;font-weight:800;cursor:pointer;border:none;color:var(--cc-foil-fg);background:var(--cc-foil);padding:4px 9px;border-radius:20px;font-family:var(--font)}.cc-img{width:100%;height:100%;object-fit:cover;z-index:1}.cc-themes{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.cc-sw{width:22px;height:22px;border-radius:50%;cursor:pointer;padding:0;border:2px solid transparent}.cc-sw[aria-pressed=true]{border-color:var(--cc-text)}.cc-sw-sunset{background:linear-gradient(135deg,#ff8a5b,#ff5e7e)}.cc-sw-mint{background:linear-gradient(135deg,#7ee8c2,#7cc6ff)}.cc-sw-gold{background:linear-gradient(135deg,#d4af6a,#8a6f3a)}.cc-sw-ocean{background:linear-gradient(135deg,#33e1ff,#3affc0)}.cc-sw-strawberry{background:linear-gradient(135deg,#ff9ec7,#c3a6ff)}.cards-add{width:100%;min-height:50px;border:1.5px dashed var(--border);cursor:pointer;border-radius:13px;background:var(--surface);color:var(--text);font:800 15px var(--font);margin-bottom:4px}.cingredients,.pingredients{font-size:11.5px;color:var(--muted);line-height:1.45}.cingredients b,.pingredients b{color:#c9c9d6;font-weight:800;margin-right:4px}.cingredients{font-size:11px}.badge.grade{color:#ffd166;border-color:rgba(255,209,102,.45);background:rgba(255,209,102,.12);font-weight:800}.peval{margin-top:8px;align-self:flex-start;background:rgba(255,138,91,.14);color:var(--accent);border:1px solid rgba(255,138,91,.4);border-radius:10px;padding:7px 12px;font:700 12.5px var(--font);cursor:pointer}.reco-note{color:var(--good);font-size:13px;font-weight:700}.badge.taste-loved{color:var(--good);border-color:rgba(126,224,168,.4);background:rgba(126,224,168,.14)}.badge.taste-loved_similar{color:var(--amber);border-color:rgba(255,209,102,.4);background:rgba(255,209,102,.12)}.badge.taste-rejected{color:#ff9ec7;border-color:rgba(255,94,126,.4);background:rgba(255,94,126,.12)}.cc-taste{margin-top:14px;background:var(--cc-recbg);border-radius:14px;padding:11px 12px}.cc-taste h4{font-size:12px;color:var(--cc-rech);letter-spacing:.5px;margin-bottom:8px;font-weight:800}.cc-taste-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.cc-taste-em{font-size:17px}.cc-taste-nm{flex:1 1;color:var(--cc-recfg)}.cc-taste-x{background:none;border:none;color:var(--cc-meta);font-size:17px;line-height:1;cursor:pointer;padding:0 4px}.cc-taste-add{margin-top:8px;background:var(--cc-chip-bg);border:1.5px solid var(--cc-chip-bd);color:var(--cc-text);border-radius:12px;padding:12px;font:800 13.5px var(--font);min-height:44px}.cc-reco,.cc-taste-add{width:100%;cursor:pointer}.cc-reco{margin-top:12px;border:none;border-radius:13px;color:var(--cc-foil-fg);background:var(--cc-foil)}.cc-reco,.cc-share{font:800 14px var(--font);min-height:46px}.cc-share{width:100%;margin-top:10px;border:1.5px solid var(--cc-chip-bd);cursor:pointer;border-radius:13px;color:var(--cc-text);background:var(--cc-chip-bg)}.cc-share:disabled{opacity:.6;cursor:progress}.cc-types{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.cc-type{font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--cc-chip-bg);color:var(--cc-chip-fg);border:1px solid var(--cc-chip-bd)}.cc-catch{font-size:12.5px;color:var(--cc-meta);margin:3px 0 2px;line-height:1.5}.cc-sig{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--cc-text);border-top:1px solid var(--cc-photo-bd);padding-top:9px}.cc-sig b{color:var(--cc-rarity);font-weight:800}.catcard--legendary{box-shadow:0 0 0 2px var(--cc-rarity),0 18px 55px rgba(255,209,102,.4)}.catcard--legendary .cc-rarity{text-shadow:0 0 10px var(--cc-glow)}.reveal-backdrop{position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px}.reveal{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:sheet-up .28s ease}.reveal-kicker{font-family:var(--font-display);font-size:15px;color:var(--accent2);margin-bottom:10px}.reveal-card{width:320px;max-width:100%}.reveal-head{font-family:var(--font-display);font-size:22px;margin-top:14px;line-height:1.3}.reveal-sub{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.6}.reveal-rarity{color:var(--accent2);font-weight:800}.reveal-cta{width:100%;max-width:340px;min-height:50px;border:none;cursor:pointer;border-radius:14px;font:800 15px var(--font);margin-top:12px}.reveal-cta1{background:var(--grad);color:#221528}.reveal-cta1:disabled{opacity:.6;cursor:progress}.reveal-cta2{background:var(--surface2);color:var(--text);border:1px solid var(--border);margin-top:8px}.reveal-consent{margin-top:10px;font-size:11px;line-height:1.4;text-align:center;color:var(--muted);opacity:.7}.quiz-overlay{position:fixed;inset:0;z-index:64;background:var(--bg);overflow-y:auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.quiz-x{position:fixed;top:12px;right:16px;z-index:66;width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.42);color:#fff;font-size:22px;line-height:1;cursor:pointer}.quiz-overlay .qfoot{position:-webkit-sticky;position:sticky;bottom:0}.cc-watermark{display:none}.catcard.is-capturing .cc-watermark{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--cc-photo-bd)}.cc-wm-brand{font-family:var(--font-display);font-size:15px;color:var(--cc-text)}.cc-wm-url{font-size:11px;font-weight:700;color:var(--cc-meta);letter-spacing:.01em}.catcard.is-capturing .cc-nocapture{display:none!important}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--surface);border-radius:22px 22px 0 0;border:1px solid var(--border);padding:12px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-height:88dvh;overflow-y:auto;animation:sheetUp .28s cubic-bezier(.16,1,.3,1)}@keyframes sheetUp{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.sheet-grab{width:40px;height:4px;border-radius:99px;background:var(--border);align-self:center;margin:4px 0}.sheet-title{font-family:var(--font-display);font-size:18px}.sheet-cats{display:flex;gap:7px;flex-wrap:wrap}.sheet-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-weight:700;font-size:14px}.sheet-results{list-style:none;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.sheet-results li button{width:100%;text-align:left;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font:500 13.5px var(--font);cursor:pointer}.sheet-verdicts{display:flex;gap:8px}.verdict{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:12px 6px;color:var(--muted);font-family:var(--font)}.verdict-em{font-size:24px}.verdict-lb{font-size:12px;font-weight:700}.verdict.is-loved{border-color:var(--good);background:rgba(126,224,168,.14);color:var(--good)}.verdict.is-ok{border-color:var(--amber);background:rgba(255,209,102,.12);color:var(--amber)}.verdict.is-rejected{border-color:#ff5e7e;background:rgba(255,94,126,.12);color:#ff9ec7}.badge.taste-cafe_loved{color:var(--good);border-color:rgba(126,224,168,.4);background:rgba(126,224,168,.12)}.sheet-sub{font-size:13px;color:var(--muted);margin-top:-4px}.ts-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--surface2);flex:0 0 auto}.ts-thumb-ph{justify-content:center;font-size:24px}.ts-picked,.ts-thumb-ph{display:flex;align-items:center}.ts-picked{gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:700;font-size:13px}.ts-brands{display:flex;gap:7px;flex-wrap:wrap;max-height:108px;overflow-y:auto}.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;max-height:46dvh;overflow-y:auto;padding:2px}.ts-card{position:relative;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-family:var(--font)}.ts-card .ts-thumb{width:100%;height:62px}.ts-card-name{font-size:10.5px;line-height:1.25;color:var(--meta);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-card.is-picked{border-color:var(--accent);background:rgba(255,138,91,.14)}.ts-check{position:absolute;top:4px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--grad);color:#221528;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.ts-rate-list{display:flex;flex-direction:column;gap:8px;max-height:52dvh;overflow-y:auto}.ts-rate-row{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.ts-rate-main{flex:1 1;min-width:0}.ts-rate-name{font-size:12.5px;font-weight:700;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-verdicts-sm{display:flex;gap:6px}.verdict-sm{width:40px;height:34px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-size:17px}.verdict-sm.is-loved{border-color:var(--good);background:rgba(126,224,168,.16)}.verdict-sm.is-ok{border-color:var(--amber);background:rgba(255,209,102,.14)}.verdict-sm.is-rejected{border-color:#ff5e7e;background:rgba(255,94,126,.14)}.ts-actions{display:flex;align-items:center;gap:12px}.ts-actions .cardsave-btn{flex:1 1}.ccard--tappable,.product--tappable{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.ccard--tappable:hover,.product--tappable:hover{transform:translateY(-2px);border-color:var(--accent)}.detail-backdrop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}.detail{position:relative;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;padding:0 0 24px;animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.detail-x{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.42);color:#fff;font-size:22px;line-height:1;cursor:pointer}.detail-media{aspect-ratio:16/10;background:var(--surface2);display:flex;align-items:center;justify-content:center;border-radius:22px 22px 0 0;overflow:hidden}.detail-media img{width:100%;height:100%;object-fit:cover}.detail-media-ph{font-size:72px}.detail-body{padding:16px 18px 0;display:flex;flex-direction:column;gap:12px}.detail-brand{font-size:13px;color:var(--muted);font-weight:700}.detail-name{font-size:20px;font-weight:800;line-height:1.3;margin:-6px 0 2px}.detail-score{font-size:14px;font-weight:700;color:var(--text);margin:0}.detail-dim{color:var(--muted);font-weight:500;font-size:12.5px}.detail-sec{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:12px}.detail-label{font-size:12px;font-weight:800;color:var(--accent2);letter-spacing:.02em}.detail-kv{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 14px;gap:8px 14px;margin:0}.detail-kv>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}.detail-kv dt{color:var(--muted);font-weight:600}.detail-kv dd{margin:0;font-weight:700;text-align:right}.detail-ing{margin:0;font-size:13px;line-height:1.6;color:var(--text)}.detail-src{margin:4px 0 0}.detail-src a{color:var(--muted)}.detail .cardsave-btn{margin-top:6px}@media (min-width:900px){:root{--tabbar-h:0px}body{padding-top:64px;padding-bottom:32px}.brand-header{display:none}.tabbar{top:0;bottom:auto;left:0;right:0;max-width:none;margin:0;height:64px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1040px) / 2));gap:24px;border:none;border-bottom:1px solid var(--border)}.tabbar-brand{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:22px;color:var(--text);text-decoration:none}.tabbar-tabs{flex:0 0 auto;gap:6px}.tab{flex:0 0 auto;flex-direction:row;gap:7px;padding:9px 16px;border-radius:10px;font-size:14px}.tab-icon{font-size:17px}.tab:hover{background:var(--surface2)}.tab--active{background:rgba(255,138,91,.16)}.page,.search{max-width:1040px}.cgrid{grid-template-columns:repeat(4,1fr)}.rgrid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.cardgallery{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}.fab-save{position:static;width:100%;max-width:360px;margin:8px auto 0}.page--result{padding-bottom:40px}.detail-backdrop{align-items:center;padding:24px}.detail{max-width:720px;border-radius:22px;max-height:88dvh}.detail-media{border-radius:22px 22px 0 0}}