@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ci-bg:#fff;--ci-plate:#f3f5f6;--ci-hair:#e9edef;--ci-ink:#0f1b22;--ci-ink-2:#55646c;--ci-ink-3:#616e75;--ci-mute:#a9b3b8;--ci-on-ink:#fff;--ci-on-sea:#fff;--ci-on-sea-2:#ffffffdb;--ci-sea-shade:#04121ee6;--ci-sea-button:#081e2e99;--ci-sea-button-line:#ffffff47;--ci-dim:#04101a6b;--ci-float:#f2683a;--ci-float-text:#bd4318;--ci-grade-2:#2c9b84;--ci-grade-3:#3f7fd1;--ci-grade-4:#c9962a;--ci-halo-3:#d6efff;--ci-halo-4:#ffdf8c;--ci-sparkle:#fff3bf;--ci-sky-1:#9fcfe2;--ci-sky-2:#d8ecee;--ci-sky-3:#f6ead2;--ci-sea-1:#5ab6c8;--ci-sea-2:#2f8fb0;--ci-sea-3:#17628a;--ci-sea-4:#0d3d61;--ci-sea-5:#082842;--ci-fresh-1:#86bd9e;--ci-fresh-2:#4f9278;--ci-fresh-3:#2f6b5c;--ci-fresh-4:#1e4a42;--ci-fresh-5:#12302d;--ci-murk:#6f7a2e;--ci-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","Noto Sans KR","Noto Sans JP","Malgun Gothic",system-ui,sans-serif;--ci-fs-number:3rem;--ci-fs-page:1.875rem;--ci-fs-title:1.6875rem;--ci-fs-island:1.375rem;--ci-fs-body:1rem;--ci-fs-body-s:.9375rem;--ci-fs-sub:.84375rem;--ci-fs-min:.78125rem;--ci-fw-light:300;--ci-fw-regular:400;--ci-fw-medium:500;--ci-fw-semi:600;--ci-text-scale:1;--ci-pad:22px;--ci-sp-1:4px;--ci-sp-2:8px;--ci-sp-3:12px;--ci-sp-4:16px;--ci-sp-5:20px;--ci-sp-6:24px;--ci-r-ctrl:15px;--ci-r-plate:18px;--ci-r-photo:20px;--ci-r-sheet:30px;--ci-r-pill:999px;--ci-tap:44px;--ci-tap-main:52px;--ci-add:56px;--ci-nav-h:96px;--ci-shadow-text:0 1px 12px #04142080;--ci-shadow-add:0 8px 24px -10px #000000a6;--ci-shadow-sheet:0 -20px 50px -20px #00000080;--ci-shadow-pop:0 18px 50px -18px #0000008c;--ci-shadow-seg:0 1px 3px #0f1b2229;--ci-photo-chip:#0a18209e;--ci-ease:cubic-bezier(.2,.8,.2,1);--ci-dur-sheet:.45s;--ci-dur-fade:.35s;--ci-dur-press:.15s;--ci-toast-time:3.5s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ci-bg:#0d1418;--ci-plate:#172027;--ci-hair:#27333b;--ci-ink:#f1f5f6;--ci-ink-2:#aab7bd;--ci-ink-3:#8d9aa1;--ci-mute:#55626a;--ci-on-ink:#0d1418;--ci-float-text:#ff8f63;--ci-dim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ci-bg:#0d1418;--ci-plate:#172027;--ci-hair:#27333b;--ci-ink:#f1f5f6;--ci-ink-2:#aab7bd;--ci-ink-3:#8d9aa1;--ci-mute:#55626a;--ci-on-ink:#0d1418;--ci-float-text:#ff8f63;--ci-dim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:calc(100% * var(--ci-text-scale));-webkit-text-size-adjust:100%}html[data-text="2"]{--ci-text-scale:1.15}html[data-text="3"]{--ci-text-scale:1.3}*,:before,:after{box-sizing:border-box}body{background:var(--ci-bg);color:var(--ci-ink);font-family:var(--ci-font);font-size:var(--ci-fs-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.6}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--ci-ink);outline-offset:3px;border-radius:6px}.seg{background:var(--ci-plate);border-radius:13px;padding:3px;display:flex}.seg button{min-height:var(--ci-tap);font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-medium);color:var(--ci-ink-2);border-radius:10px;flex:1}.seg button[aria-pressed=true]{background:var(--ci-bg);color:var(--ci-ink);font-weight:var(--ci-fw-semi);box-shadow:0 1px 3px color-mix(in srgb, var(--ci-ink) 14%, transparent)}html,body,#root{height:100%}body{overflow:hidden}.app{background:var(--ci-sea-5);max-width:520px;height:100%;color:var(--ci-on-sea);--top:env(safe-area-inset-top,0px);--bot:env(safe-area-inset-bottom,0px);margin:0 auto;position:relative;overflow:hidden}.app[data-light]{color:var(--ci-ink)}.ic{flex:none}p,h1,h2,h3,h4,dl,dd{margin:0}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.sea{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fish{cursor:pointer}.scrim{pointer-events:none;position:absolute;left:0;right:0}.scrim.t{background:linear-gradient(180deg, color-mix(in srgb, var(--ci-sea-shade) 62%, transparent), transparent);height:230px;top:0}.scrim.b{background:linear-gradient(0deg, var(--ci-sea-shade) 26%, transparent);height:230px;bottom:0}.head{left:var(--ci-pad);right:12px;top:calc(var(--top) + 22px);column-gap:var(--ci-sp-3);text-shadow:var(--ci-shadow-text);grid-template-columns:1fr auto;align-items:start;row-gap:10px;display:grid;position:absolute}.head .me{min-width:0}.head .me b{font-size:var(--ci-fs-island);font-weight:var(--ci-fw-semi);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.head .me span{font-size:var(--ci-fs-sub);color:var(--ci-on-sea-2);margin-top:2px;display:block}.head .shell{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);align-items:center;gap:5px;min-height:32px;margin-right:10px;display:flex}.wtabs{gap:18px;display:flex}.wtabs button{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-medium);opacity:.7;min-height:var(--ci-tap);position:relative}.wtabs button[aria-pressed=true]{opacity:1;font-weight:var(--ci-fw-semi)}.wtabs button[aria-pressed=true]:after{content:"";background:currentColor;border-radius:1px;height:1.5px;position:absolute;bottom:8px;left:0;right:0}.rail{gap:var(--ci-sp-3);flex-direction:column;display:flex}.rail button{min-width:52px;font-size:var(--ci-fs-min);font-weight:var(--ci-fw-medium);flex-direction:column;align-items:center;gap:4px;display:flex}.rail button i{width:var(--ci-tap);height:var(--ci-tap);background:var(--ci-sea-button);border:1px solid var(--ci-sea-button-line);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.rail button i.on{background:var(--ci-on-sea);color:var(--ci-sea-5)}.rail .badge{background:var(--ci-float);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:9px}.rail button:disabled{opacity:.6}.rail button:active i{transform:scale(.94)}.need{left:var(--ci-pad);right:var(--ci-pad);bottom:calc(var(--ci-nav-h) + var(--bot) + 18px);justify-content:space-between;align-items:center;gap:var(--ci-sp-3);text-shadow:var(--ci-shadow-text);display:flex;position:absolute}.need span{font-size:var(--ci-fs-body-s);color:var(--ci-on-sea-2)}.need button{font-weight:var(--ci-fw-semi);font-size:var(--ci-fs-body-s);min-height:var(--ci-tap);background:var(--ci-sea-button);border:1px solid var(--ci-on-sea-2);border-radius:var(--ci-r-pill);white-space:nowrap;text-shadow:none;padding:0 20px}.need button:active{transform:scale(.97)}.hollow{left:var(--ci-pad);right:var(--ci-pad);text-align:center;text-shadow:var(--ci-shadow-text);pointer-events:none;position:absolute;top:46%}.hollow.low{top:auto;bottom:calc(var(--ci-nav-h) + var(--bot) + 24px)}.hollow b{font-size:var(--ci-fs-island);font-weight:var(--ci-fw-semi);letter-spacing:-.025em;display:block}.hollow span{font-size:var(--ci-fs-body-s);color:var(--ci-on-sea-2);margin-top:6px;display:block}.page.over{z-index:6;padding-bottom:calc(var(--bot) + 32px)}.back{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-medium);min-height:var(--ci-tap);color:var(--ci-ink-2);align-self:flex-start;align-items:center;gap:2px;margin:-14px 0 -16px -6px;display:flex}.hd.row{justify-content:space-between;align-items:baseline;gap:var(--ci-sp-3);display:flex}.hd.row span{font-size:var(--ci-fs-body);align-items:center;gap:5px;display:flex}.hd.row em{font-style:normal;font-weight:var(--ci-fw-semi)}.hint{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);margin-top:-14px}.deco{border-bottom:1px solid var(--ci-hair);align-items:center;gap:14px;min-height:96px;padding:12px 0;display:flex}.deco:last-child{border-bottom:0}.deco .tile{background:linear-gradient(180deg, var(--ci-sky-2), var(--ci-sea-1) 55%, var(--ci-sea-3));border-radius:14px;flex:0 0 96px;justify-content:center;align-items:center;height:72px;display:flex;overflow:hidden}.deco .tile svg{width:100%;height:100%;display:block}.deco .tx{flex:1;min-width:0}.deco .tx b{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);letter-spacing:-.015em;display:block}.deco .tx span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);align-items:center;gap:4px;display:flex}.pillb{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-semi);min-height:var(--ci-tap);border:1px solid var(--ci-ink);border-radius:var(--ci-r-pill);white-space:nowrap;flex:none;padding:0 16px}.pillb.fill{background:var(--ci-ink);color:var(--ci-on-ink)}.tryon{left:var(--ci-pad);right:var(--ci-pad);bottom:calc(var(--bot) + 26px);text-shadow:var(--ci-shadow-text);z-index:6;flex-direction:column;gap:14px;display:flex;position:absolute}.tryon b{font-size:var(--ci-fs-island);font-weight:var(--ci-fw-semi);letter-spacing:-.025em;display:block}.tryon span{font-size:var(--ci-fs-body-s);color:var(--ci-on-sea-2);align-items:center;gap:5px;display:flex}.tryon .btn{text-shadow:none}.bar[hidden]{display:none}.visit{z-index:14;background:var(--ci-sea-5);color:var(--ci-on-sea);position:absolute;inset:0}.cta{left:var(--ci-pad);right:var(--ci-pad);bottom:calc(var(--bot) + 26px);flex-direction:column;gap:10px;display:flex;position:absolute}.cta .btn{flex:none}.btn.white{background:var(--ci-on-sea);color:var(--ci-sea-5);box-shadow:var(--ci-shadow-add)}.btn.sea{background:var(--ci-sea-button);color:var(--ci-on-sea);border:1px solid var(--ci-on-sea-2)}.toast{left:50%;top:calc(var(--top) + 14px);border-radius:var(--ci-r-pill);background:var(--ci-ink);max-width:calc(100% - 32px);min-height:48px;color:var(--ci-on-ink);font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-semi);box-shadow:var(--ci-shadow-pop);opacity:0;pointer-events:none;transition:opacity var(--ci-dur-fade), transform var(--ci-dur-fade) var(--ci-ease);z-index:30;align-items:center;gap:8px;padding:10px 18px;display:flex;position:absolute;transform:translate(-50%,-12px)}.toast.on{opacity:1;transform:translate(-50%)}.toast em{border-left:1px solid color-mix(in srgb, var(--ci-on-ink) 30%, transparent);white-space:nowrap;align-items:center;gap:4px;padding-left:10px;font-style:normal;display:flex}.app:not([data-light]) .toast{background:var(--ci-on-sea);color:var(--ci-sea-5)}.app:not([data-light]) .toast em{border-left-color:color-mix(in srgb, var(--ci-sea-5) 25%, transparent)}.bar{height:calc(var(--ci-nav-h) + var(--bot));z-index:5;grid-template-columns:1fr 1fr 80px 1fr 1fr;align-items:start;padding:10px 8px 0;display:grid;position:absolute;bottom:0;left:0;right:0}.bar .tab{font-size:var(--ci-fs-min);font-weight:var(--ci-fw-medium);opacity:.68;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;display:flex}.bar .tab[aria-current=page]{opacity:1;font-weight:var(--ci-fw-semi)}.bar .add{width:var(--ci-add);height:var(--ci-add);background:var(--ci-on-sea);color:var(--ci-sea-5);box-shadow:var(--ci-shadow-add);transition:transform var(--ci-dur-press);border-radius:50%;justify-content:center;justify-self:center;align-items:center;display:flex}.bar .add:active{transform:scale(.94)}.app[data-light] .bar{background:color-mix(in srgb, var(--ci-bg) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--ci-hair)}.app[data-light] .bar .tab{opacity:1;color:var(--ci-ink-3)}.app[data-light] .bar .tab[aria-current=page]{color:var(--ci-ink)}.app[data-light] .bar .add{background:var(--ci-ink);color:var(--ci-on-ink);box-shadow:none}.page{background:var(--ci-bg);color:var(--ci-ink);padding:calc(var(--top) + 26px) var(--ci-pad) calc(var(--ci-nav-h) + var(--bot) + 28px);gap:var(--ci-sp-6);scrollbar-width:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.page::-webkit-scrollbar{display:none}.sheet::-webkit-scrollbar{display:none}.flow::-webkit-scrollbar{display:none}.page>*,.sheet>*,.flow>*{flex-shrink:0}.hd b{font-size:var(--ci-fs-page);font-weight:var(--ci-fw-semi);letter-spacing:-.035em;line-height:1.2}.ptabs{border-bottom:1px solid var(--ci-hair);gap:22px;margin-top:-8px;display:flex}.ptabs button{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-medium);color:var(--ci-ink-3);min-height:46px;position:relative}.ptabs button[aria-pressed=true]{color:var(--ci-ink);font-weight:var(--ci-fw-semi)}.ptabs button[aria-pressed=true]:after{content:"";background:var(--ci-ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.sec{font-size:var(--ci-fs-sub);font-weight:var(--ci-fw-semi);color:var(--ci-ink-2);justify-content:space-between;align-items:baseline;margin-bottom:-12px;display:flex}.sec span{font-weight:var(--ci-fw-regular);color:var(--ci-ink-3)}.dot{vertical-align:2px;background:var(--ci-ink-3);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.dot.g2{background:var(--ci-grade-2)}.dot.g3{background:var(--ci-grade-3)}.dot.g4{background:var(--ci-grade-4)}.stats{background:var(--ci-plate);border-radius:var(--ci-r-plate);grid-template-columns:repeat(3,1fr);padding:16px 0;display:grid}.stats div{text-align:center;border-left:1px solid var(--ci-hair)}.stats div:first-child{border-left:0}.stats b{font-size:var(--ci-fs-title);font-weight:var(--ci-fw-light);letter-spacing:-.03em;line-height:1.1;display:block}.stats b.hot{color:var(--ci-float);font-weight:var(--ci-fw-regular)}.stats span{font-size:var(--ci-fs-min);color:var(--ci-ink-2)}.log{flex-direction:column;display:flex}.logrow{border-bottom:1px solid var(--ci-hair);text-align:left;align-items:center;gap:14px;width:100%;min-height:76px;padding:11px 0;display:flex}.logrow:last-child{border-bottom:0}.logrow .pl{background:var(--ci-plate);border-radius:12px;flex:0 0 72px;justify-content:center;align-items:center;height:54px;display:flex;overflow:hidden}.logrow .pl img{object-fit:cover;width:100%;height:100%;display:block}.logrow .pl svg{width:86%;height:auto;display:block}.logrow .tx{flex:1;min-width:0}.logrow .tx b{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);letter-spacing:-.015em;display:block}.logrow .tx span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.logrow .n{font-size:1.5rem;font-weight:var(--ci-fw-light);letter-spacing:-.035em;white-space:nowrap}.logrow .n small,.num small{font-size:var(--ci-fs-min);font-weight:var(--ci-fw-medium);color:var(--ci-ink-2);letter-spacing:0;margin-left:2px}.logrow .n.big{color:var(--ci-float);font-weight:var(--ci-fw-regular)}.track{background:var(--ci-hair);border-radius:2px;height:3px;margin-top:9px;position:relative}.track i{background:var(--ci-ink);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.track i.big{background:var(--ci-float)}.track u{background:var(--ci-ink-3);width:1.5px;height:11px;position:absolute;top:-4px}.grid{grid-template-columns:1fr 1fr;gap:18px 12px;display:grid}.cell{flex-direction:column;gap:9px;min-width:0;display:flex}.cell .plate{background:var(--ci-plate);border-radius:var(--ci-r-plate);aspect-ratio:4/3;justify-content:center;align-items:center;padding:12px 10px;display:flex;position:relative}.cell .plate svg{width:100%;height:auto}.cell .plate em{font-style:normal;font-size:var(--ci-fs-min);font-weight:var(--ci-fw-semi);color:var(--ci-float-text);position:absolute;top:9px;right:10px}.cell.no .plate svg{opacity:.22}.cell b{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-semi);letter-spacing:-.015em;display:block}.cell span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);display:block}.cell.no b{color:var(--ci-ink-3);font-weight:var(--ci-fw-medium)}.hs{scroll-snap-type:x proximity;scroll-padding-left:var(--ci-pad);scrollbar-width:none;margin:0 calc(var(--ci-pad) * -1);padding:0 var(--ci-pad);flex-shrink:0;align-items:flex-start;gap:12px;display:flex;overflow-x:auto}.hs::-webkit-scrollbar{display:none}.isl{scroll-snap-align:start;text-align:left;flex-direction:column;flex:0 0 152px;gap:3px;min-width:0;display:flex}.isl>*{flex-shrink:0}.isl .pic{aspect-ratio:16/12;background:linear-gradient(180deg, var(--ci-sea-1), var(--ci-sea-3) 60%, var(--ci-sea-4));border-radius:16px;width:100%;margin-bottom:6px;display:block;position:relative;overflow:hidden}.isl .pic.fresh{background:linear-gradient(180deg, var(--ci-fresh-1), var(--ci-fresh-3) 60%, var(--ci-fresh-4))}.isl .pic>span{display:block;position:absolute}.isl .pic svg{width:100%;height:auto;display:block}.isl>b{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-semi);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.isl>b em{font-style:normal;font-size:var(--ci-fs-min);font-weight:var(--ci-fw-medium);color:var(--ci-ink-3);margin-left:6px}.isl>span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.news{border-bottom:1px solid var(--ci-hair);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;display:flex}.news:last-child{border-bottom:0}.news b{min-width:0;font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-regular);color:var(--ci-ink-2);flex:1}.news.new b{font-weight:var(--ci-fw-semi);color:var(--ci-ink)}.news span{font-size:var(--ci-fs-min);color:var(--ci-ink-3);white-space:nowrap}.rank{border-bottom:1px solid var(--ci-hair);text-align:left;align-items:center;gap:14px;width:100%;min-height:58px;display:flex}.rank:last-child{border-bottom:0}.rank i{font-size:1.25rem;font-style:normal;font-weight:var(--ci-fw-light);color:var(--ci-ink-3);text-align:center;flex:0 0 28px}.rank i.first{color:var(--ci-float);font-weight:var(--ci-fw-regular)}.rank b{min-width:0;font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rank b em{font-style:normal;font-size:var(--ci-fs-min);font-weight:var(--ci-fw-medium);color:var(--ci-ink-3);margin-left:6px}.rank span{font-size:var(--ci-fs-body-s);color:var(--ci-ink-2);white-space:nowrap}.blank{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:56px 0;display:flex}.blank b{font-size:var(--ci-fs-island);font-weight:var(--ci-fw-semi);letter-spacing:-.025em}.blank span{font-size:var(--ci-fs-body-s);color:var(--ci-ink-2)}.blank .btn{flex:none;margin-top:18px;padding:0 26px}.dim{background:var(--ci-dim);opacity:0;pointer-events:none;transition:opacity var(--ci-dur-fade);z-index:8;position:absolute;inset:0}.dim.on{opacity:1;pointer-events:auto}.sheet{background:var(--ci-bg);max-height:92%;color:var(--ci-ink);border-radius:var(--ci-r-sheet) var(--ci-r-sheet) 0 0;padding:10px var(--ci-pad) calc(var(--bot) + 30px);gap:var(--ci-sp-5);visibility:hidden;transition:transform var(--ci-dur-sheet) var(--ci-ease), visibility 0s var(--ci-dur-sheet);z-index:9;scrollbar-width:none;box-shadow:var(--ci-shadow-sheet);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.sheet.on{visibility:visible;transition:transform var(--ci-dur-sheet) var(--ci-ease);transform:none}.sheet .grab{background:var(--ci-mute);opacity:.6;border-radius:2px;align-self:center;width:36px;height:4px}.sheet h4{font-size:var(--ci-fs-island);font-weight:var(--ci-fw-semi);letter-spacing:-.025em}.ph{border-radius:var(--ci-r-photo);background:var(--ci-plate);position:relative;overflow:hidden}.ph img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.ph .vf{font-size:var(--ci-fs-min);font-weight:var(--ci-fw-semi);color:var(--ci-on-sea);background:var(--ci-photo-chip);border-radius:var(--ci-r-pill);align-items:center;gap:4px;padding:4px 10px 4px 7px;display:flex;position:absolute;bottom:12px;left:12px}.ph .scan{background:var(--ci-on-sea);height:2px;box-shadow:0 0 14px 3px var(--ci-on-sea-2);animation:1.3s ease-in-out infinite alternate scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:8%}to{top:92%}}.ttl{justify-content:space-between;align-items:flex-end;gap:var(--ci-sp-3);display:flex}.ttl .nm{font-size:var(--ci-fs-title);font-weight:var(--ci-fw-semi);letter-spacing:-.035em;line-height:1.15}.ttl .gr{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);margin-top:6px}.ttl .gr em{color:var(--ci-float-text);font-style:normal;font-weight:var(--ci-fw-semi);margin-left:10px}.num{font-size:var(--ci-fs-number);font-weight:var(--ci-fw-light);letter-spacing:-.045em;white-space:nowrap;line-height:.92}.num.big{color:var(--ci-float);font-weight:var(--ci-fw-regular)}.num small{font-size:var(--ci-fs-body)}.facts{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.facts div{border-top:1px solid var(--ci-hair);min-width:0;padding:12px 0 13px}.facts dt{font-size:var(--ci-fs-min);color:var(--ci-ink-3);margin-bottom:3px}.facts dd{font-size:var(--ci-fs-body-s);font-weight:var(--ci-fw-medium);text-overflow:ellipsis;overflow:hidden}.facts dd small{font-size:var(--ci-fs-min);color:var(--ci-ink-3);font-weight:var(--ci-fw-regular);align-items:center;gap:3px;margin-top:1px;display:flex}.facts dd.none{color:var(--ci-ink-3);font-weight:var(--ci-fw-regular)}.field{flex-direction:column;gap:9px;display:flex}.field>span,.field>label{font-size:var(--ci-fs-min);color:var(--ci-ink-3)}.field.line{border-top:1px solid var(--ci-hair);padding-top:14px}.memo{font-size:var(--ci-fs-body-s);color:var(--ci-ink-2);border-top:1px solid var(--ci-hair);padding-top:14px}.seg button{text-align:center;justify-content:center;align-items:center;gap:5px;padding:4px 6px;line-height:1.25;display:flex}html[data-text="3"] .seg .ic{display:none}.seg button[aria-pressed=true]{box-shadow:var(--ci-shadow-seg)}.input{width:100%;min-height:var(--ci-tap-main);border-radius:var(--ci-r-ctrl);border:1.5px solid var(--ci-hair);background:var(--ci-bg);font-size:var(--ci-fs-body);outline:0;padding:0 16px}.input:focus{border-color:var(--ci-ink)}.input::placeholder{color:var(--ci-ink-3)}.two{gap:var(--ci-sp-3);grid-template-columns:1fr 1fr;display:grid}.acts{gap:10px;display:flex}.btn{min-height:var(--ci-tap-main);border-radius:var(--ci-r-ctrl);font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);background:var(--ci-ink);color:var(--ci-on-ink);flex:1;justify-content:center;align-items:center;gap:7px;padding:0 16px;display:flex}.btn.ghost{background:var(--ci-plate);color:var(--ci-ink)}.btn.warn{background:var(--ci-plate);color:var(--ci-float-text)}.btn:active{opacity:.86}.btn:disabled{opacity:.45}.quiet{min-height:var(--ci-tap);font-size:var(--ci-fs-sub);color:var(--ci-ink-3);text-underline-offset:3px;align-self:center;padding:0 16px;text-decoration:underline}.ask{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-medium)}.flow{background:var(--ci-bg);color:var(--ci-ink);padding:calc(var(--top) + 12px) var(--ci-pad) calc(var(--bot) + 26px);z-index:12;scrollbar-width:none;flex-direction:column;gap:22px;display:flex;position:absolute;inset:0;overflow-y:auto}.flow .top{min-height:var(--ci-tap);justify-content:space-between;align-items:center;margin:0 -10px;display:flex}.flow .top button{width:var(--ci-tap);height:var(--ci-tap);justify-content:center;align-items:center;display:flex}.steps{gap:5px;display:flex}.steps i{background:var(--ci-hair);border-radius:2px;width:22px;height:3px}.steps i.on{background:var(--ci-ink)}.flow h3{font-size:var(--ci-fs-title);font-weight:var(--ci-fw-semi);letter-spacing:-.035em;line-height:1.25}.flow .sub{font-size:var(--ci-fs-body-s);color:var(--ci-ink-2);margin-top:-14px}.flow .grow{flex:1 0 0}.opts{flex-direction:column;display:flex}.opts button{border-bottom:1px solid var(--ci-hair);text-align:left;align-items:center;gap:14px;width:100%;min-height:72px;display:flex}.opts button:last-child{border-bottom:0}.opts button i{background:var(--ci-plate);border-radius:14px;flex:0 0 52px;justify-content:center;align-items:center;height:52px;display:flex}.opts button b{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);display:block}.opts button span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);display:block}.opts button>div{flex:1;min-width:0}.opts button>.ic{color:var(--ci-ink-3)}.info{font-size:var(--ci-fs-sub);color:var(--ci-ink-2);background:var(--ci-plate);border-radius:14px;align-items:center;gap:8px;padding:12px 14px;display:flex}.info .ic{color:var(--ci-ink)}.info.bad{color:var(--ci-float-text)}.cands{flex-direction:column;gap:10px;display:flex}.cand{border-radius:var(--ci-r-plate);border:1.5px solid var(--ci-hair);text-align:left;align-items:center;gap:14px;width:100%;min-height:84px;padding:12px 14px;display:flex}.cand[aria-pressed=true]{border-color:var(--ci-ink)}.cand>span:first-child>svg{flex:0 0 92px;width:92px;height:auto}.cand .tx{flex:1;min-width:0}.cand .tx b{font-size:1.125rem;font-weight:var(--ci-fw-semi);letter-spacing:-.02em;display:block}.cand .tx span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2)}.cand .ck{border:1.5px solid var(--ci-hair);width:24px;height:24px;color:var(--ci-on-ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.cand[aria-pressed=true] .ck{background:var(--ci-ink);border-color:var(--ci-ink)}.mine2{align-items:center;gap:12px;display:flex}.mine2 .ph{border-radius:14px;flex:0 0 108px}.mine2 span{font-size:var(--ci-fs-sub);color:var(--ci-ink-2)}.pick{flex-direction:column;display:flex}.pick button{border-bottom:1px solid var(--ci-hair);text-align:left;align-items:center;gap:14px;width:100%;min-height:68px;display:flex}.pick button>span:first-child>svg{flex:0 0 76px;width:76px;height:auto}.pick button b{font-size:var(--ci-fs-body);font-weight:var(--ci-fw-semi);flex:1}.pick button.other b{color:var(--ci-ink-2);font-weight:var(--ci-fw-medium)}.find{background:var(--ci-plate);min-height:48px;color:var(--ci-ink-3);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.find input{min-width:0;font-size:var(--ci-fs-body);color:var(--ci-ink);background:0 0;border:0;outline:0;flex:1}.find input::placeholder{color:var(--ci-ink-3)}.find input::-webkit-search-cancel-button{-webkit-appearance:none}.lenbox{justify-content:space-between;align-items:center;gap:10px;display:flex}.lenbox button{background:var(--ci-plate);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.lenbox button:active{transform:scale(.94)}.lenbox label{white-space:nowrap;justify-content:center;align-items:baseline;min-width:0;display:flex}.lenbox input{text-align:right;letter-spacing:-.05em;appearance:textfield;background:0 0;border:0;outline:0;width:1.9em;min-width:0;padding:0;font-size:min(4.5rem,17vw);font-weight:200;line-height:1}.lenbox input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lenbox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lenbox small{font-size:1.25rem;font-weight:var(--ci-fw-medium);color:var(--ci-ink-2);margin-left:4px}.gauge{color:var(--ci-ink);flex-direction:column;gap:6px;display:flex}.gauge svg{width:100%;height:auto;display:block}.gauge svg .tr{color:var(--ci-ink-3)}.gauge svg .tr.on{color:var(--ci-float)}.gauge p{font-size:var(--ci-fs-body-s);color:var(--ci-ink-2)}.gauge p.big{color:var(--ci-float-text);font-weight:var(--ci-fw-semi)}.result{background:var(--ci-bg);color:var(--ci-ink);border-radius:var(--ci-r-sheet);padding:26px var(--ci-pad) var(--ci-pad);gap:var(--ci-sp-4);text-align:center;box-shadow:var(--ci-shadow-pop);opacity:0;visibility:hidden;transition:opacity var(--ci-dur-fade), transform var(--ci-dur-sheet) var(--ci-ease), visibility 0s var(--ci-dur-fade);z-index:20;flex-direction:column;display:flex;position:absolute;top:50%;left:22px;right:22px;transform:translateY(-46%)scale(.96)}.result.on{opacity:1;visibility:visible;transition:opacity var(--ci-dur-fade), transform var(--ci-dur-sheet) var(--ci-ease);transform:translateY(-50%)}.result .art svg{width:62%;height:auto;margin:0 auto;display:block}.result .eyebrow{font-size:var(--ci-fs-sub);color:var(--ci-ink-2)}.result .eyebrow.big{color:var(--ci-float-text);font-weight:var(--ci-fw-semi)}.result h4{font-size:var(--ci-fs-title);font-weight:var(--ci-fw-semi);letter-spacing:-.035em;line-height:1.2}.result ul{border-top:1px solid var(--ci-hair);margin:0;padding:0;list-style:none}.result li{border-bottom:1px solid var(--ci-hair);min-height:48px;font-size:var(--ci-fs-body-s);justify-content:space-between;align-items:center;gap:10px;display:flex}.result li b{font-weight:var(--ci-fw-semi);align-items:center;gap:5px;display:flex}.result li.hot b{color:var(--ci-float-text)}@media (prefers-reduced-motion:reduce){.sheet,.dim,.toast,.result{transition:none}.ph .scan{animation:none;top:50%}}