*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}: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: #6e6e73;--faint: #8e8e93;--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;--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;--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: #232326;--text: #f5f5f7;--muted: #a1a1a6;--faint: #7c7c80;--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;--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}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}@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}.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)}}@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}}::-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-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}}
