:root{accent-color:var(--primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#edf2ec;--surface:#fffff7e6;--surface-strong:#fffffcf7;--surface-soft:#f7faf1c2;--surface-wash:#eff7ec94;--line:#27372f24;--line-strong:#27372f40;--text:#202620;--muted:#626c65;--muted-strong:#4c5851;--primary:#2d4538;--primary-strong:#172820;--primary-tint:#2d45381a;--primary-tint-strong:#2d45382b;--accent:#7b6045;--accent-tint:#7b60451a;--accent-tint-strong:#7b604529;--control-bg:#fcfdf4c7;--control-bg-strong:#fffffaf5;--info-bg:#eff7ecd1;--info-text:#253a2f;--success:#3f735d;--danger:#a35b56;--shadow-1:0 1px 2px #1e2b2414, 0 8px 22px #1e2b240d;--shadow-2:0 10px 24px #1e2b241a;background:var(--page-bg);font-family:Roboto,Microsoft YaHei,Meiryo,Noto Sans SC,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}@media (prefers-contrast:more){:root{--surface:#fffffcf5;--surface-wash:#eff7ecbd;--line:#27372f3d;--line-strong:#27372f6b;--muted:#4f5a53;--muted-strong:#37443c}}html{scrollbar-color:#27372f3d transparent;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:#2d45381f;min-height:100%;scroll-padding-top:68px}*,:before,:after{box-sizing:border-box}#app,#root{min-height:100dvh}body{background:var(--page-bg);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100dvh;margin:0;font-size:14px;line-height:1.5;overflow-x:hidden}img,svg,canvas{max-width:100%}img,canvas{display:block}a{color:inherit;touch-action:manipulation;text-decoration:none}button,input,select{font:inherit;touch-action:manipulation;min-width:0}button{cursor:pointer}::selection{background:var(--primary-tint-strong);color:var(--primary-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#27372f3d padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#27372f57}.app-shell{background-color:var(--page-bg);isolation:isolate;background-image:linear-gradient(#f5f9efb3,#f5f9ef75 44%,#f5f9ef57),url(/assets/paifu-table-bg.webp);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed;min-height:100dvh;overflow-x:hidden}.app-header{-webkit-backdrop-filter:blur(14px)saturate(1.08);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:20;background:#fffff7d6;border-bottom:1px solid #27372f1f;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #27372f14}.appbar-container{align-items:center;gap:12px;width:100%;max-width:1152px;height:52px;margin:0 auto;padding:0 16px;display:flex}.app-title{color:var(--primary);letter-spacing:0;white-space:nowrap;flex:none;align-items:center;height:36px;font-size:16px;font-weight:500;display:inline-flex}.app-nav{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;flex:0 auto;align-items:center;gap:4px;min-width:0;scroll-padding-inline:8px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.nav-link,.appbar-option{color:var(--text);opacity:.68;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;height:32px;padding:0 10px;font-size:14px;transition:background-color .14s,color .14s;display:inline-flex}.nav-link:hover,.appbar-option:hover,.nav-link.router-link-active,.appbar-option.selected{color:var(--text);opacity:1;background:#2d453814}.nav-link.router-link-active{box-shadow:inset 0 -2px #2d45383d}.appbar-options{border-left:1px solid #27372f1f;flex:none;align-items:center;gap:6px;padding-left:10px;display:flex}.appbar-mode-toggle{align-items:center;gap:2px;display:flex}.appbar-option{padding:0 8px}.appbar-option.selected{box-shadow:inset 0 -2px #2d45383d}.appbar-option.locale{min-width:44px}.appbar-spacer{flex:auto;min-width:4px}.nav-link:focus-visible,.app-title:focus-visible,.appbar-option:focus-visible{outline-offset:2px;outline:2px solid #2d453857}.page-main{padding-top:52px}.route-frame{contain:layout style;min-width:0}.page-container{max-width:1152px;padding:40px max(16px, env(safe-area-inset-right)) max(64px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:24px;width:100%;margin:0 auto;display:grid}.page-container>*{min-width:0}.narrow-page-container{max-width:860px}.route-loading{gap:16px}.route-loading-surface{contain:layout paint style;min-height:116px;position:relative;overflow:hidden}.route-loading-surface:before{content:"";opacity:.82;background:linear-gradient(#2d45381a,#2d45381a) 0 0/34% 14px no-repeat,linear-gradient(#2d453814,#2d453814) 0 30px/76% 10px no-repeat,linear-gradient(#2d453812,#2d453812) 0 52px/58% 10px no-repeat;position:absolute;inset:22px 20px}.route-loading-surface:first-child{max-width:720px}.material-surface{-webkit-backdrop-filter:blur(6px)saturate(1.02);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:4px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-header,.material-surface{background:var(--surface-strong)}}@media (prefers-reduced-transparency:reduce){.app-header,.material-surface{-webkit-backdrop-filter:none;background:var(--surface-strong)}}@media (pointer:coarse),(prefers-reduced-data:reduce){.app-shell{background-attachment:scroll,scroll}}@media (prefers-reduced-data:reduce){.app-shell{background-image:linear-gradient(#f5f9efe0,#f5f9efb8)}}.page-kicker{color:#2d4538bd;letter-spacing:0;text-transform:none;font-size:13px;font-weight:500}h1{color:var(--text);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:400;line-height:1.18}.page-title-row{justify-content:space-between;align-items:end;gap:16px;min-width:0;padding:0 2px;display:flex}.page-title-row>div{gap:4px;min-width:0;display:grid}.page-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.3;overflow:hidden}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-enter{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes route-fade-out{to{opacity:0;transform:translateY(-4px)}}@keyframes route-fade-in{0%{opacity:0;transform:translateY(8px)}}@keyframes route-loading-breathe{0%,to{opacity:.56}50%{opacity:.88}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-name:route-fade-out}::view-transition-new(root){animation-name:route-fade-in}.route-frame{animation:.24s cubic-bezier(.2,.8,.2,1) both page-enter}.material-surface{animation:.3s cubic-bezier(.2,.8,.2,1) both surface-enter}.route-loading-surface:before{animation:1.2s ease-in-out infinite route-loading-breathe}.page-container>:nth-child(2){animation-delay:36ms}.page-container>:nth-child(3){animation-delay:72ms}.nav-link,.appbar-option{transition-property:background-color,border-color,box-shadow,color,opacity,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.nav-link:hover,.appbar-option:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (hover:none),(pointer:coarse){.nav-link,.appbar-option{min-height:36px}.nav-link:hover,.appbar-option:hover{transform:none}.nav-link:hover:not(.router-link-active),.appbar-option:hover:not(.selected){opacity:.68;background:0 0}}@media (forced-colors:active){.app-shell{background-image:none}.app-header,.material-surface{box-shadow:none;background:canvas;border-color:canvastext}.nav-link.router-link-active,.appbar-option.selected{box-shadow:none;outline:1px solid canvastext}.route-loading-surface:before{opacity:.18;background:canvastext}.score-positive,.score-negative,.score-muted{color:canvastext!important}}@media (width<=860px){.appbar-container{padding:0 14px}.page-container{padding:22px max(14px, env(safe-area-inset-right)) max(46px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}}@media (width<=700px){h1{font-size:26px}.page-title-row{align-items:start;gap:6px;display:grid}.page-meta{white-space:normal;overflow:visible}}@media (width<=640px){.app-shell{background-position:50%,58% 0;background-attachment:scroll,scroll}.appbar-container{grid-template-rows:38px 36px;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:0 8px;max-width:100vw;height:88px;padding:5px 10px 7px;display:grid;overflow:hidden}.app-nav{border-top:1px solid #27372f1a;grid-area:2/1/auto/-1;width:100%;padding-top:4px}.appbar-spacer{display:none}.app-title{grid-area:1/1;font-size:16px}.appbar-options{border-left:0;grid-area:1/2;justify-self:end;gap:4px;padding-left:0}.appbar-option{height:32px;padding:0 6px;font-size:13px}.appbar-option.locale{min-width:40px}.nav-link{height:32px;padding:0 6px;font-size:13px}.page-main{padding-top:88px}html{scroll-padding-top:104px}.page-container{max-width:none;padding:16px max(10px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:14px;width:100%}}@media (width<=430px){.page-container{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}}