:root{--app-bg: #F1F5F2;--card: #FFFFFF;--ink: #0E1512;--muted: #5E6E66;--line: #E8EDEA;--line-strong: #CCD6D1;--track: #F2F5F3;--shadow: 0 1px 2px rgba(13,30,22,.05), 0 1px 1px rgba(13,30,22,.04);--brand: #16A35A;--brand-deep: #0B6E45;--brand-tint: rgba(22,163,90,.12);--brand-glow: rgba(22,163,90,.32);--sidebar-w: 248px;--header-h: 64px;--nav-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--app-bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{text-wrap:pretty}button{font-family:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.hp-app{display:flex;min-height:100vh}.hp-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--card);border-inline-end:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px}.hp-brandrow{display:flex;align-items:center;gap:11px;padding:6px 8px 16px}.hp-logo{width:40px;height:40px;border-radius:12px;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-navitem{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;border:none;cursor:pointer;background:transparent;color:var(--muted);font-size:14.5px;font-weight:700;width:100%;text-align:start;transition:background .14s,color .14s}.hp-navitem:hover{background:var(--track)}.hp-navitem.active{background:var(--brand-tint);color:var(--brand)}.hp-main{flex:1;min-width:0;display:flex;flex-direction:column}.hp-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:var(--header-h);padding:10px 20px;background:color-mix(in srgb,var(--app-bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hp-iconbtn{width:38px;height:38px;border-radius:11px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex-shrink:0;padding:0}.hp-iconbtn:hover{background:var(--track)}.hp-content{flex:1}.hp-wrap{width:100%;max-width:1120px;margin:0 auto;padding:22px 20px 48px}.hp-bottomnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:stretch;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.hp-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 0;font-size:10.5px;font-weight:700;position:relative;color:var(--muted);transition:transform .12s}.hp-tab:active{transform:scale(.92)}.hp-tab.active{color:var(--brand)}.hp-tab-dot{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:18px;height:3px;border-radius:3px;background:var(--brand)}@media (max-width: 899px){.hp-sidebar{display:none}.hp-bottomnav{display:flex}.hp-content{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.hp-wrap{padding:16px 14px 32px}.hp-header{padding:8px 14px}}.hp-content{scrollbar-width:thin}.hp-mobile-only{display:none}@media (max-width: 899px){.hp-mobile-only{display:flex}}.lineup-grid{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}.bench-list{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px}@media (min-width: 900px){.lineup-grid{grid-template-columns:minmax(0,440px) 1fr}.bench-list{flex-wrap:wrap;overflow-x:visible}}.journey-grid{display:grid;gap:14px;grid-template-columns:1fr;align-items:start}@media (min-width: 900px){.journey-grid{grid-template-columns:1fr 1fr}}.board-grid{display:grid;gap:14px;grid-template-columns:1fr;align-items:start}@media (min-width: 900px){.board-grid{grid-template-columns:1fr 1fr}}.hp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0d151273;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hp-modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px #0000004d;padding:20px}.hp-field{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--card);outline:none}@keyframes hp-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.hp-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:6px;outline:none;background:linear-gradient(to right,var(--brand) var(--pct),var(--track) var(--pct))}.hp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--brand);cursor:grab;box-shadow:0 2px 6px #0003}.hp-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--brand);cursor:grab}