*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, system-ui, sans-serif;--brand-1: #2ee6a6;--brand-2: #14b8c4;--brand-3: #2f6bff;--brand-gradient: linear-gradient(135deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3));--bg: #f3f6f8;--surface: #ffffff;--surface2: #f0f0f3;--inset: #f5f5f7;--text: #1d1d1f;--muted: #55555a;--faint: #6e6e73;--border: #e5e5ea;--border2: #d1d1d6;--up: #08805f;--upsoft: rgba(8, 128, 95, .1);--on-up: #ffffff;--down: #d70015;--downsoft: rgba(215, 0, 21, .08);--on-down: #ffffff;--info: #1f63e6;--on-info: #ffffff;--infosoft: rgba(31, 99, 230, .1);--warn: #b25000;--warnsoft: rgba(255, 149, 0, .12);--grid: rgba(0, 0, 0, .06);--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 24px rgba(0, 0, 0, .05);--material: rgba(243, 246, 248, .72);--hairline: rgba(0, 0, 0, .08);--seg-track: rgba(118, 118, 128, .12);--c1: #1f63e6;--c2: #a347d6;--c3: #e07800;--seg-thumb: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--brand-btn-gradient: linear-gradient(135deg, #087f63, #0a7f8a 55%, #2250cc);--radius-card: 20px;--radius-control: 12px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-press: .16s;--dur-fast: .15s;--dur-ui: .2s;--tabbar-h: 0px;color-scheme:light}html[data-theme=dark]{--bg: #000000;--surface: #1c1c1e;--surface2: #2c2c2e;--inset: #2a2a2d;--text: #f5f5f7;--muted: #aeaeb2;--faint: #98989d;--border: #2c2c2e;--border2: #3a3a3c;--up: #2ee6a6;--upsoft: rgba(46, 230, 166, .14);--on-up: #00140d;--down: #ff453a;--downsoft: rgba(255, 69, 58, .14);--on-down: #ffffff;--info: #3d8bff;--on-info: #001a3d;--infosoft: rgba(61, 139, 255, .16);--warn: #ff9f0a;--warnsoft: rgba(255, 159, 10, .14);--grid: rgba(255, 255, 255, .07);--shadow: none;--material: rgba(22, 22, 24, .72);--hairline: rgba(255, 255, 255, .1);--seg-track: rgba(118, 118, 128, .24);--c1: #3d8bff;--c2: #bf5af2;--c3: #ff9f0a;--seg-thumb: #636366;color-scheme:dark}body{font:15px/1.47 var(--font);letter-spacing:-.01em;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;transition:background-color .3s ease}a{color:var(--info);text-decoration:none}@media (hover: hover) and (pointer: fine){a:hover{text-decoration:underline}}button,select,input{font:inherit;letter-spacing:inherit}button,a,[role=tab],select{touch-action:manipulation}button,.tap,[role=tab]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer: coarse){input,select,textarea{font-size:16px}.chip,select{min-height:40px}}.hit{position:relative}.hit:before{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px}.card{background:var(--surface);border:1px solid transparent;border-radius:var(--radius-card);box-shadow:var(--shadow)}html[data-theme=dark] .card{border-color:var(--hairline)}.skip-link{position:absolute;left:12px;top:8px;z-index:200;padding:10px 14px;border-radius:var(--radius-control);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border2);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px!important}.t-display{font-family:var(--font-display);font-size:34px;line-height:1.12;font-weight:700;letter-spacing:-.025em}.t-title{font-family:var(--font-display);font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.02em}.t-headline{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.015em}.t-sub{font-size:14px;line-height:1.45;color:var(--muted);letter-spacing:-.005em}.t-caption{font-size:12px;line-height:1.35;color:var(--faint);letter-spacing:0}.t-section{font-family:var(--font-display);font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.018em}.t-body{font-size:15px;line-height:1.47;letter-spacing:-.01em}.t-eyebrow{font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}@media (max-width: 600px){.t-display{font-size:28px}}button{transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}button:not(:disabled):active{transform:scale(.97)}button.row:not(:disabled):active{transform:none}.tap{position:relative;isolation:isolate}.tap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--text);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) ease}.tap:not(:disabled):active:after{opacity:.07;transition-duration:0ms}@media (hover: hover) and (pointer: fine){.tap:not(:disabled):hover:after{opacity:.04}}:focus-visible{outline:2px solid var(--info);outline-offset:2px}:focus:not(:focus-visible){outline:none}.on-accent:focus-visible{outline-color:var(--text);outline-offset:3px}.material{background:var(--material);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.material-strong{background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}.menu-pop{transform-origin:top center;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}@starting-style{.menu-pop{opacity:0;transform:scale(.96) translateY(-4px)}}@media (prefers-reduced-transparency: reduce){.material-strong{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.material{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.page{animation:page-in var(--dur-ui) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}.enter{transition:opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out)}@starting-style{.enter{opacity:0;transform:translateY(-4px)}}.stagger>*{animation:page-in var(--dur-ui) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.price-flash-up{animation:price-flash-up .15s var(--ease-out)}.price-flash-down{animation:price-flash-down .15s var(--ease-out)}@keyframes price-flash-up{0%{background-color:var(--upsoft)}}@keyframes price-flash-down{0%{background-color:var(--downsoft)}}@keyframes bp{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){button:not(:disabled):active{transform:none}@keyframes page-in{0%{opacity:0}}@starting-style{.enter{transform:none}}.seg-indicator{transition-duration:0ms!important}.stagger>*,.price-flash-up,.price-flash-down{animation:none}}@media (prefers-contrast: more){:root{--border: rgba(0, 0, 0, .3);--hairline: rgba(0, 0, 0, .3)}html[data-theme=dark]{--border: rgba(255, 255, 255, .3);--hairline: rgba(255, 255, 255, .3)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.page{max-width:1280px;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.main-grid{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:24px;align-items:start}.main-grid>.sticky-col{position:sticky;top:76px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:24px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;align-items:start}.nav-top{display:flex}.tabbar{display:none}@media (max-width: 980px){.main-grid{grid-template-columns:minmax(0,1fr)}.main-grid>.sticky-col{position:static}.main-grid[data-route=detail]>.list-col{display:none}.main-grid[data-route=list]>.detail-col{display:none}}@media (max-width: 760px){:root{--tabbar-h: calc(58px + env(safe-area-inset-bottom)) }.nav-top{display:none}.tabbar{display:grid}.page{padding:20px 16px 32px;gap:20px}.hide-sm{display:none}}@media (min-width: 981px){.only-narrow{display:none!important}}@media (max-width: 1100px){.hide-md{display:none}}@media (max-width: 980px){.hide-narrow-detail{display:none}}@media (max-width: 980px){.list-scroll{max-height:none!important}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--bg);cursor:pointer;transition:opacity .32s var(--ease-out)}.splash-out{opacity:0;pointer-events:none}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.splash-icon{width:min(176px,42vw);height:auto;border-radius:40px;box-shadow:0 24px 70px #14b8c452;animation:splash-icon .42s var(--ease-out) both}.splash-eye{transform-box:fill-box;transform-origin:center;animation:splash-eye .38s var(--ease-out) .15s both}.splash-line{stroke-dasharray:1;stroke-dashoffset:1;animation:splash-line .48s var(--ease-in-out) .5s forwards}.splash-dot{transform-box:fill-box;transform-origin:center;animation:splash-dot .36s cubic-bezier(.34,1.56,.64,1) .95s both}.splash-name{font-family:var(--font-display);font-size:clamp(34px,9vw,48px);font-weight:700;letter-spacing:-.03em;color:var(--text);animation:splash-name .42s var(--ease-out) 1.05s both}@keyframes splash-icon{0%{opacity:0;transform:scale(.92)}}@keyframes splash-eye{0%{opacity:.4;transform:scaleY(.06)}}@keyframes splash-line{to{stroke-dashoffset:0}}@keyframes splash-dot{0%{opacity:0;transform:scale(.3) translate(-1.5px,1.5px)}}@keyframes splash-name{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.splash-icon,.splash-eye,.splash-dot,.splash-name{animation:none}.splash-line{animation:none;stroke-dashoffset:0}}.pos-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:center}.pos-col{display:flex;flex-direction:column;gap:14px;min-width:0}@media (max-width: 860px){.pos-row{grid-template-columns:minmax(0,1fr);gap:14px}}.edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 600px){.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}@media (max-width: 1100px) and (min-width: 861px),(max-width: 600px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}@keyframes kv-spin{to{transform:rotate(360deg)}}.spin{animation:kv-spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation-duration:2.5s}}.header-bar{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center}.header-bar>:first-child{justify-self:start}.header-bar>:last-child{justify-self:end}@media (max-width: 760px){.header-bar{grid-template-columns:1fr auto}}.dialog-backdrop{animation:dialog-fade .18s var(--ease-out)}.dialog-card{animation:dialog-in .26s var(--ease-out)}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@media (prefers-reduced-motion: reduce){.dialog-card{animation:dialog-fade .18s var(--ease-out)}}.brand-btn{background:var(--brand-btn-gradient);color:#fff;border:none;box-shadow:0 6px 18px color-mix(in srgb,var(--brand-3) 28%,transparent);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),filter .15s var(--ease-out)}@media (hover: hover){.brand-btn:hover{filter:brightness(1.05);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-3) 36%,transparent)}}.brand-btn:active{transform:scale(.97)}.field-icon:focus-within{border-color:var(--info)!important;box-shadow:0 0 0 4px var(--infosoft)}@media (max-width: 920px){.hide-nav-mid{display:none}}.login-split{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr)}@media (max-width: 760px){.login-split{grid-template-columns:minmax(0,1fr)}.login-brand{padding:22px 22px 20px!important;gap:14px!important}.login-perks{display:none!important}}@media (max-width: 980px){.main-grid[data-route=list] .row-active{background:transparent!important;box-shadow:none!important}}main:focus{outline:none}
