@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--color-bg-base:#1b2430;--color-bg-soft:#222d3b;--color-bg-hero:#243242;--color-bg-dot:hsla(49,41%,71%,.08);--color-border-base:#d4c998;--color-border-dim:#8a8366;--color-border-row:hsla(49,41%,71%,.22);--color-text-primary:#e8e4d4;--color-text-dim:#9da89a;--color-text-mute:#86918e;--color-status-ok:#9dc797;--color-status-ok-glow:#b8dab2;--color-status-warn:#e4c571;--color-status-alert:#d97706;--color-status-crit:#e26d6d;--color-status-shut:#6b7280;--color-alpha-ok-fill:rgba(157,199,151,.14);--color-alpha-warn-fill:hsla(44,68%,67%,.14);--color-alpha-crit-fill:hsla(0,67%,66%,.18);--color-alpha-alert-fill:rgba(217,119,6,.1);--color-on-accent:var(--color-bg-base);--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-tiny:11px;--fs-label:12px;--fs-body:14px;--fs-big:22px;--fs-kpi:28px;--fs-hero:34px;--fw-normal:400;--fw-medium:500;--fw-bold:700;--ls-tiny:0.3px;--ls-small:0.8px;--ls-label:1.2px;--ls-kpi:1.4px;--ls-strong:1.8px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-status-ok);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:none;border:none}button,input,select,textarea{font-family:inherit;color:inherit}input,select,textarea{font-size:inherit;background-color:var(--color-bg-soft);border:1px solid var(--color-border-dim);padding:var(--sp-2) var(--sp-3);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-border-base)}.page-wrap{display:flex;flex-direction:column;min-height:100vh}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--color-border-base);background-color:var(--color-bg-base);font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;position:-webkit-sticky;position:sticky;top:0;z-index:100}.brand,.header-bar{letter-spacing:var(--ls-strong)}.brand{color:var(--color-status-ok);font-size:var(--fs-body)}.nav-links{display:flex;gap:var(--sp-4);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.nav-links a{color:var(--color-text-dim)}.nav-links a.active,.nav-links a:hover{color:var(--color-text-primary);text-decoration:none}.main-content{flex:1 1;padding:var(--sp-4);max-width:1400px;width:100%;margin:0 auto}.dash-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--sp-3);gap:var(--sp-3)}.dash-grid>.col{display:flex;flex-direction:column;gap:var(--sp-3)}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}}.panel{background-color:var(--color-bg-soft);border:1px solid var(--color-border-base);padding:16px 18px 14px}.panel.hero{background-color:var(--color-bg-hero);border:1.5px solid var(--color-status-ok);padding:22px 22px 20px}.panel-title{font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-strong);text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--sp-3);border-bottom:1px dashed var(--color-border-dim);padding-bottom:var(--sp-2);display:flex;justify-content:space-between;align-items:baseline}.panel-title .subtitle{font-weight:var(--fw-normal);letter-spacing:var(--ls-label);color:var(--color-text-mute);text-transform:none;font-size:var(--fs-tiny)}.kpi-row{display:flex;gap:var(--sp-4);flex-wrap:wrap}.kpi-block{flex:1 1;min-width:140px}.kpi-label{font-size:var(--fs-tiny);color:var(--color-text-dim);text-transform:uppercase;margin-bottom:var(--sp-1)}.kpi-label,.kpi-value{letter-spacing:var(--ls-kpi)}.kpi-value{font-size:var(--fs-kpi);font-weight:var(--fw-bold);color:var(--color-status-ok);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-value.dim{color:var(--color-status-warn)}.kpi-value.muted{color:var(--color-text-primary)}.kpi-sub{font-size:var(--fs-tiny);color:var(--color-text-mute);margin-top:var(--sp-1)}.kpi-bar-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.kpi-bar-track{flex:1 1;height:16px;background-color:var(--color-bg-base);border:1px solid var(--color-border-dim);overflow:hidden;position:relative}.kpi-bar-fill{height:100%;background-color:var(--color-status-ok);transition:width .4s ease}.kpi-bar-fill.warn{background-color:var(--color-status-warn)}.kpi-bar-fill.crit{background-color:var(--color-status-crit)}.kpi-bar-value{font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pptdh-list{display:flex;flex-direction:column;gap:var(--sp-2)}.pptdh-row{display:grid;grid-template-columns:28px 64px 1fr auto auto auto auto auto;align-items:center;grid-gap:var(--sp-3);gap:var(--sp-3);padding:var(--sp-2);border:1px solid var(--color-border-dim);background-color:var(--color-bg-base);transition:border-color .15s}.pptdh-row:hover{border-color:var(--color-border-base)}.pptdh-row.next-buy{border:1.5px solid var(--color-status-ok);background-color:var(--color-alpha-ok-fill);box-shadow:0 0 0 1px var(--color-status-ok) inset}.pptdh-rank{font-size:var(--fs-big);font-weight:var(--fw-bold);color:var(--color-text-dim);letter-spacing:var(--ls-kpi);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.pptdh-row.next-buy .pptdh-rank{color:var(--color-status-ok)}.pptdh-thumb{width:64px;height:64px;background-color:var(--color-bg-soft);border:1px solid var(--color-border-dim);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.pptdh-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pptdh-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pptdh-name{font-weight:var(--fw-bold);color:var(--color-text-primary);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.pptdh-tid{font-size:var(--fs-tiny);color:var(--color-text-mute);letter-spacing:var(--ls-tiny)}.pptdh-col{display:flex;flex-direction:column;align-items:flex-end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pptdh-col-label{font-size:var(--fs-tiny);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:var(--ls-label)}.pptdh-col-value{font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--color-text-primary)}.pptdh-col-value.best{color:var(--color-status-ok);font-size:var(--fs-body)}.next-buy-tag{background-color:var(--color-status-ok);color:var(--color-on-accent);font-size:var(--fs-tiny);letter-spacing:var(--ls-strong);padding:2px var(--sp-2);margin-left:var(--sp-2)}.btn,.next-buy-tag{display:inline-block;font-weight:var(--fw-bold);text-transform:uppercase}.btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--color-border-base);background-color:var(--color-bg-soft);color:var(--color-text-primary);letter-spacing:var(--ls-label);font-size:var(--fs-label);transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){background-color:var(--color-status-ok);color:var(--color-on-accent);border-color:var(--color-status-ok);text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background-color:var(--color-status-ok);color:var(--color-on-accent);border-color:var(--color-status-ok)}.btn.primary:hover:not(:disabled){background-color:var(--color-status-ok-glow);border-color:var(--color-status-ok-glow)}.input-field{width:100%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field-group{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.field-label{font-size:var(--fs-tiny);color:var(--color-text-dim);letter-spacing:var(--ls-label);text-transform:uppercase}.text-ok{color:var(--color-status-ok)}.text-warn{color:var(--color-status-warn)}.text-crit{color:var(--color-status-crit)}.text-dim{color:var(--color-text-dim)}.text-mute{color:var(--color-text-mute)}.fw-bold{font-weight:var(--fw-bold)}.fs-tiny{font-size:var(--fs-tiny)}.fs-label{font-size:var(--fs-label)}.badge{display:inline-block;padding:1px var(--sp-2);font-size:var(--fs-tiny);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;border:1px solid}.badge-ok{background-color:var(--color-alpha-ok-fill);color:var(--color-status-ok);border-color:var(--color-status-ok)}.badge-warn{background-color:var(--color-alpha-warn-fill);color:var(--color-status-warn);border-color:var(--color-status-warn)}.badge-crit{background-color:var(--color-alpha-crit-fill);color:var(--color-status-crit);border-color:var(--color-status-crit)}.live-dot{display:inline-block;width:8px;height:8px;background-color:var(--color-status-ok);margin-right:var(--sp-1);animation:pulse 2s infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.env-strip{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-tiny);color:var(--color-text-dim);letter-spacing:var(--ls-label);padding:var(--sp-2) 0;border-top:1px dashed var(--color-border-dim);margin-top:var(--sp-2)}.env-item strong{color:var(--color-text-primary);font-weight:var(--fw-medium)}.mt1{margin-top:var(--sp-1)}.mt2{margin-top:var(--sp-2)}.mt3{margin-top:var(--sp-3)}.mt4{margin-top:var(--sp-4)}.mb1{margin-bottom:var(--sp-1)}.mb2{margin-bottom:var(--sp-2)}.mb3{margin-bottom:var(--sp-3)}.mb4{margin-bottom:var(--sp-4)}.hero-number{font-size:var(--fs-hero);font-weight:var(--fw-bold);color:var(--color-status-ok);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--ls-kpi)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-dim)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-base)}.faq-wrap{max-width:880px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:var(--sp-2)}.faq-item{border:1px solid var(--color-border-dim);background-color:var(--color-bg-base);transition:border-color .15s}.faq-item[open]{border-color:var(--color-border-base)}.faq-summary{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);cursor:pointer;font-weight:var(--fw-bold);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-primary);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-summary::marker{display:none}.faq-item[open]>.faq-summary,.faq-marker,.faq-summary:hover{color:var(--color-status-ok)}.faq-marker{flex-shrink:0;font-weight:var(--fw-bold);width:24px;text-align:center}.faq-marker:before{content:"[+]"}.faq-item[open]>.faq-summary .faq-marker:before{content:"[-]"}.faq-q{flex:1 1;min-width:0}.faq-answer{padding:0 var(--sp-3) var(--sp-3) calc(24px + var(--sp-2) + var(--sp-3));font-size:var(--fs-body);line-height:1.6;color:var(--color-text-primary);border-top:1px dashed var(--color-border-dim);padding-top:var(--sp-3);margin-top:var(--sp-2)}.faq-answer code{font-size:.92em;padding:1px 4px}.faq-answer code,.faq-answer pre{font-family:var(--font-mono);background-color:var(--color-bg-soft);border:1px solid var(--color-border-row);color:var(--color-status-warn)}.faq-answer pre{padding:var(--sp-2);overflow-x:auto}.faq-answer pre code{background:none;border:none;padding:0;color:inherit}.faq-answer a{color:var(--color-status-ok)}.faq-answer ol,.faq-answer ul{margin-bottom:var(--sp-2)}.faq-answer table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){:root{--fs-kpi:22px;--fs-big:18px;--fs-hero:26px}.main-content{padding:var(--sp-3)}.header-bar{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2)}.nav-links{gap:var(--sp-3);font-size:var(--fs-tiny);letter-spacing:var(--ls-tiny)}.panel{padding:12px 14px}.panel.hero{padding:16px 16px 14px}.pptdh-row{grid-template-columns:24px 48px 1fr auto auto;gap:var(--sp-2);padding:var(--sp-2)}.pptdh-thumb{width:48px;height:48px}.pptdh-rank{font-size:var(--fs-body)}.pptdh-row>.pptdh-col:nth-child(5),.pptdh-row>.pptdh-col:nth-child(6){display:none}.kpi-row{gap:var(--sp-3)}.kpi-block{min-width:120px}.env-strip{gap:var(--sp-3)}}@media (max-width:480px){:root{--fs-kpi:20px;--fs-big:16px;--fs-hero:22px}.header-bar,.main-content{padding:var(--sp-2)}.header-bar{flex-wrap:wrap;gap:var(--sp-2)}.brand{font-size:var(--fs-label)}.nav-links{order:3;width:100%;gap:var(--sp-2);overflow-x:auto;white-space:nowrap;padding-top:var(--sp-2);border-top:1px dashed var(--color-border-dim);-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.pptdh-row{grid-template-columns:44px 1fr auto;grid-template-areas:"thumb meta meta" "thumb price pptdh";gap:var(--sp-1) var(--sp-2);padding:var(--sp-2)}.pptdh-rank{display:none}.pptdh-thumb{grid-area:thumb;width:44px;height:44px;align-self:center}.pptdh-meta{grid-area:meta;min-width:0}.pptdh-name{font-size:var(--fs-tiny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pptdh-tid{font-size:10px}.pptdh-row>.pptdh-col:nth-child(4){grid-area:price;align-items:flex-start}.pptdh-row>.pptdh-col:nth-child(7){grid-area:pptdh}.pptdh-col-label{font-size:10px}.pptdh-col-value{font-size:var(--fs-tiny)}.next-buy-tag{font-size:10px;padding:1px 4px;margin-left:var(--sp-1);letter-spacing:var(--ls-label)}.kpi-row{gap:var(--sp-3)}.kpi-block{flex-basis:100%;min-width:0}.panel{padding:10px 12px}.panel.hero{padding:12px 14px}.panel-title{flex-wrap:wrap;gap:var(--sp-1)}.faq-summary,.panel-title{font-size:var(--fs-tiny);letter-spacing:var(--ls-label)}.faq-summary{padding:var(--sp-2)}.faq-marker{width:20px}.faq-answer{padding-left:var(--sp-2);padding-right:var(--sp-2);font-size:var(--fs-label)}.faq-answer pre,.faq-answer table{font-size:var(--fs-tiny)}.input-field{font-size:var(--fs-label);padding:var(--sp-1) var(--sp-2)}.btn{font-size:var(--fs-tiny);padding:var(--sp-2) var(--sp-3)}.hero-number{font-size:var(--fs-big)!important}.env-strip{gap:var(--sp-2);flex-direction:column}}.wp-wrap{max-width:920px;margin:0 auto}.wp-md{font-size:var(--fs-body);line-height:1.7}.wp-md,.wp-md h1{color:var(--color-text-primary)}.wp-md h1{font-size:var(--fs-hero);margin:var(--sp-5) 0 var(--sp-3);letter-spacing:-.02em}.wp-md h1:first-child{margin-top:0}.wp-md h2{font-size:var(--fs-big);margin:var(--sp-5) 0 var(--sp-3);color:var(--color-status-ok);border-bottom:1px dashed var(--color-border-dim);padding-bottom:var(--sp-2)}.wp-md h3{font-size:16px;margin:var(--sp-4) 0 var(--sp-2);color:var(--color-text-primary)}.wp-md h4{font-size:var(--fs-body);margin:var(--sp-3) 0 var(--sp-2);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em}.wp-md ol,.wp-md p,.wp-md ul{margin-bottom:var(--sp-3)}.wp-md ol,.wp-md ul{padding-left:1.6em}.wp-md li{margin-bottom:var(--sp-2)}.wp-md strong{color:var(--color-text-primary);font-weight:var(--fw-medium)}.wp-md em{color:var(--color-text-dim);font-style:italic}.wp-md code{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;border-radius:2px;color:var(--color-status-ok);word-break:break-all}.wp-md code,.wp-md pre{background:var(--color-bg-soft)}.wp-md pre{padding:var(--sp-3) var(--sp-4);border:1px dashed var(--color-border-dim);overflow-x:auto;margin-bottom:var(--sp-3);font-size:var(--fs-tiny)}.wp-md pre code{background:none;padding:0;color:var(--color-text-primary)}.wp-md a{color:var(--color-status-ok)}.wp-md a:hover{text-decoration:underline}.wp-md hr{border:0;border-top:1px dashed var(--color-border-dim);margin:var(--sp-5) 0}.wp-md blockquote{border-left:2px solid var(--color-status-ok);padding-left:var(--sp-3);margin:var(--sp-3) 0;color:var(--color-text-dim);font-style:italic}.wp-md table{width:100%;border-collapse:collapse;margin-bottom:var(--sp-3);font-size:var(--fs-label)}.wp-md table th{text-align:left;padding:var(--sp-2);border-bottom:1px dashed var(--color-border-dim);color:var(--color-text-dim);font-weight:var(--fw-medium)}.wp-md table td{padding:var(--sp-2);border-bottom:1px dashed var(--color-border-row)}.wp-md table td code{font-size:.9em}.pptdh-skeleton .pptdh-rank,.pptdh-skeleton .pptdh-thumb{background:var(--color-bg-soft);border-color:var(--color-border-row)}.pptdh-skeleton .pptdh-rank{color:transparent}.skel-bar{height:10px;border-radius:2px;background:linear-gradient(90deg,var(--color-bg-soft) 0,hsla(49,41%,71%,.18) 50%,var(--color-bg-soft) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s linear infinite}.skel-bar.w60{width:60%}.skel-bar.w40{width:40%}.skel-bar.w70{width:70%}.skel-bar.w100{width:100%;max-width:64px}.pptdh-skeleton .pptdh-meta{gap:6px}.pptdh-skeleton .pptdh-thumb{background:linear-gradient(90deg,var(--color-bg-soft) 0,hsla(49,41%,71%,.14) 50%,var(--color-bg-soft) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s linear infinite}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}