:root{--app-rail-width: 100px;--page-pad-x: 32px;--page-content-max: 1200px;--widget-gap: 24px;--lp-card-pad-x: 20px;--lp-card-pad-y: 20px;--lp-card-pad-b: 22px}@media(max-width:600px){:root{--page-pad-x: 16px}}body{background:var(--bg-deep);margin:0;padding:0;color:var(--text-primary)}.macro-progress-track{height:3px;background:#00000080;width:100%;position:fixed;top:0;left:0;z-index:999}.subtle-visual-progress-bar{height:100%;background:linear-gradient(90deg,#00ffc3b3,#00ffc3);box-shadow:0 0 12px #00ffc380;width:0%;transition:width .1s}.landing-container{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;overflow-x:hidden}.data-tag{font-size:.75rem;font-weight:800;color:#6b7280;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:inline-block}.blinking-text{animation:blinkText 2s infinite;color:var(--bike)}@keyframes blinkText{0%,to{opacity:1}50%{opacity:.4}}.hero-section{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:85vh;padding:0 var(--page-pad-x, 32px);border-bottom:1px solid var(--border-glass)}.hero-content{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-family:Manrope,sans-serif;font-size:clamp(32px,6vw,72px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin:0 0 24px;color:#fff;text-transform:uppercase}.hero-desc{font-size:clamp(16px,2vw,20px);color:#aaa;max-width:700px;line-height:1.6;margin-bottom:40px}.hero-btn{width:100%;height:56px;margin:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;letter-spacing:1px;box-sizing:border-box;border-radius:32px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(4px)}.icon-fix{font-size:18px;margin-right:8px;transition:color .2s ease}.hero-btn-free{background:linear-gradient(180deg,#ffffff0d,#ffffff03);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d}.free-badge{background:#00d2ff1a;color:var(--swim, #00d2ff);border:1px solid rgba(0,210,255,.2);padding:2px 6px;border-radius:4px;margin-left:8px;font-size:.65rem;font-weight:900}.hero-btn-free:hover{background:linear-gradient(180deg,#00d2ff1a,#00d2ff05);border-color:#00d2ff66;transform:translateY(-2px);box-shadow:0 8px 20px #00d2ff26,inset 0 1px #00d2ff33}.action-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:600px;margin:0 auto}.hero-btn{width:100%;height:56px;margin:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;letter-spacing:1px;box-sizing:border-box;border-radius:8px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(4px)}.icon-fix{font-size:18px;margin-right:8px;transition:color .3s ease}.badge{padding:2px 6px;border-radius:4px;margin-left:8px;font-size:.65rem;font-weight:900;transition:all .3s ease}.hero-btn-free{background:#00d2ff0d;color:var(--swim, #00d2ff);border:1px solid rgba(0,210,255,.3)}.hero-btn-free .icon-fix{color:var(--swim, #00d2ff)}.free-badge{background:#00d2ff26;color:var(--swim, #00d2ff)}.hero-btn-free:hover{background:#00d2ff26;border-color:var(--swim, #00d2ff);transform:translateY(-2px);box-shadow:0 8px 20px #00d2ff26}.hero-btn-free:hover .free-badge{background:#00d2ff40}.hero-btn-pro{background:#00ffc30d;color:var(--bike, #00ffc3);border:1px solid rgba(0,255,195,.3)}.hero-btn-pro .icon-fix{color:var(--bike, #00ffc3)}.pro-badge{background:#00ffc326;color:var(--bike, #00ffc3)}.hero-btn-pro:hover{background:#00ffc326;border-color:var(--bike, #00ffc3);transform:translateY(-2px);box-shadow:0 8px 20px #00ffc326}.hero-btn-pro:hover .pro-badge{background:#00ffc340}@media(max-width:600px){.action-group-grid{grid-template-columns:1fr}}.feature-section{position:relative;z-index:10;padding:100px var(--page-pad-x, 32px);border-bottom:1px solid var(--border-glass)}.inverse-bg{background:#ffffff05}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:var(--page-content-max, 1200px);margin:0 auto;align-items:flex-start}.reverse-layout{direction:rtl}.reverse-layout>*{direction:ltr}.section-title{font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:900;margin:0 0 24px;letter-spacing:-1px;color:#fff}.section-desc{font-size:1.1rem;color:#aaa;line-height:1.6;margin-bottom:32px}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:700;color:#ccc;letter-spacing:.5px}.feature-list .material-symbols-outlined{color:var(--bike);font-size:20px}.feature-visual{background:var(--card-surface);border:1px solid var(--border-glass);border-radius:12px;height:350px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000080}@media(min-width:769px){.feature-visual{margin-top:34px}}.orb-preview-box{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%),var(--card-surface)}.mock-orb{display:flex;flex-direction:column;align-items:center;width:100%;transform:scale(.9)}.mock-dial-box{width:200px;height:200px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.mock-vol-ring{position:absolute;inset:-12px;border-radius:50%;pointer-events:none}.mock-vol-tick-wrap{position:absolute;inset:0;pointer-events:none}.mock-vol-tick{position:absolute;top:0;left:calc(50% - 1.5px);width:3px;height:10px;border-radius:2px;background:#ffffff26;transition:background .4s ease,box-shadow .4s ease,opacity .4s ease}.mock-sport-circle{width:73%;height:73%;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:5}.mock-hub-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,var(--mock-color, #00d2ff) 0%,transparent 70%);opacity:.4;transition:background .4s ease;pointer-events:none}.mock-sport-icon{font-size:24px;color:var(--mock-color, #00d2ff);margin-bottom:4px;transition:color .4s ease}.mock-sport-name-wrap{position:relative;height:1.5rem;width:100%;display:flex;align-items:center;justify-content:center}.mock-sport-name{position:absolute;font-size:1.5rem;font-weight:900;letter-spacing:-1px;color:#fff;line-height:1;text-transform:uppercase;transition:color .4s ease}.mock-orb-controls{display:flex;flex-direction:column;align-items:center;text-align:center}.mock-arch-tag{font-size:.75rem;font-weight:800;letter-spacing:2px;color:var(--mock-color, #00d2ff);background:#ffffff0d;padding:6px 16px;border-radius:12px;text-transform:uppercase;transition:color .4s ease;margin-bottom:12px}.mock-descriptor{font-size:.8rem;color:#888;max-width:280px;line-height:1.4;min-height:2.8em;transition:opacity .2s ease}.terminal-preview-box{display:flex;align-items:flex-start;justify-content:flex-start;background:#050505;position:relative}.terminal-preview-box:before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.08"/%3E%3C/svg%3E');pointer-events:none;z-index:0}.mock-terminal{display:flex;flex-direction:column;width:100%;height:100%;padding:24px;box-sizing:border-box;z-index:1}.terminal-output-window{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#888;letter-spacing:.5px;height:100%;overflow-y:auto;scrollbar-width:none}.terminal-output-window::-webkit-scrollbar{display:none}.mock-log-line{opacity:0;animation:typeLine .1s forwards}.mock-log-success{color:var(--bike, #00ffc3);font-weight:900}.mock-log-warn{color:#f43f5e;font-weight:900}.mock-cursor{display:inline-block;width:8px;height:1em;background:var(--bike, #00ffc3);margin-left:4px;vertical-align:middle;animation:blinkCursor 1s step-end infinite}@keyframes typeLine{to{opacity:1}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.dash-preview-box{display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;position:relative}.mock-view{position:absolute;width:100%;max-width:380px;background:linear-gradient(145deg,#161925cc,#12141de6);border:1px solid var(--border-glass);border-radius:12px;padding:24px;box-shadow:0 20px 40px #0006;box-sizing:border-box;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:translateY(10px)}.mock-view.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mock-section-title{font-size:.65rem;font-weight:900;color:#555;letter-spacing:1px;display:block}.mock-mini-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100px;gap:12px}.mock-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.mock-week-label{font-size:.6rem;font-weight:800;color:#6b7280}.mock-seg{width:100%;max-width:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px 4px 0 0}.mock-seg.is-active{background:var(--bike, #00ffc3);border-color:var(--bike, #00ffc3);box-shadow:0 0 10px #00ffc34d}.mock-seg.is-recovery{background:#10b98133;border-color:#10b98166}.mock-gauge-track{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:4px}.mock-gauge-fill{height:100%;background:var(--bike, #00ffc3);box-shadow:0 0 10px #00ffc380}.mock-session-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.02)}.mock-session-row:last-child{border-bottom:none}.mock-ring{width:14px;height:14px;border-radius:50%;border:2px solid;margin-right:14px}.mock-sess-info{flex:1;display:flex;flex-direction:column}.mock-sess-info span{font-size:.55rem;font-weight:900;letter-spacing:1px;line-height:1;margin-bottom:4px}.mock-sess-info strong{font-size:.85rem;color:#fff;font-weight:700;line-height:1}.mock-sess-dur{font-size:.95rem;font-weight:800;color:#fff}@media(max-width:768px){.feature-grid{grid-template-columns:1fr;gap:40px}.action-group-grid{grid-template-columns:1fr}}.marketing-action-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;width:100%;margin-top:32px;flex-wrap:wrap}.chameleon-bar{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);z-index:99;transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none;width:100%;display:flex;justify-content:center;padding:0 16px;opacity:0}.chameleon-bar.is-visible{bottom:32px;opacity:1;pointer-events:auto}.cb-content{display:flex;align-items:center;gap:24px;background:#0f111ad9;border:1px solid rgba(255,255,255,.08);padding:10px 10px 10px 24px;border-radius:100px;box-shadow:0 20px 40px -10px #000c,0 0 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cb-text{color:#fff;font-family:Manrope,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:-.01em;white-space:nowrap}.cb-btn{padding:14px 28px!important;font-size:.85rem!important}@media(max-width:768px){.chameleon-bar.is-visible{bottom:24px}.cb-text{display:none}.cb-content{padding:8px;border-radius:100px}}.cta-premium-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;border-radius:100px;background:linear-gradient(145deg,#00ffc31f,#00ffc308);border:1px solid rgba(0,255,195,.3);color:var(--bike, #00ffc3);font-family:JetBrains Mono,monospace;font-weight:800;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -6px #00ffc300;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cta-premium-primary:hover{background:linear-gradient(145deg,#00ffc333,#00ffc314);border-color:#00ffc3cc;box-shadow:0 8px 32px -8px #00ffc380;transform:translateY(-2px);color:#fff}.cta-premium-pro{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;border-radius:100px;background:linear-gradient(145deg,#f59e0b1f,#f59e0b08);border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-family:JetBrains Mono,monospace;font-weight:800;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -6px #f59e0b00;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cta-premium-pro:hover{background:linear-gradient(145deg,#f59e0b33,#f59e0b14);border-color:#f59e0bcc;box-shadow:0 8px 32px -8px #f59e0b80;transform:translateY(-2px);color:#fff}.bridge-modal-content[data-astro-cid-ibc5trox]{max-width:420px;padding:28px;max-height:90vh;overflow-y:auto;scrollbar-width:none}.bridge-modal-content[data-astro-cid-ibc5trox]::-webkit-scrollbar{display:none}.modal-header[data-astro-cid-ibc5trox]{margin-top:0;color:var(--active-color, #fff);font-family:JetBrains Mono,monospace;text-transform:uppercase;font-size:1.1rem;letter-spacing:.5px;margin-bottom:6px}.modal-subtitle[data-astro-cid-ibc5trox]{font-size:.8rem;color:#aaa;line-height:1.4}.input-group[data-astro-cid-ibc5trox]{display:flex;flex-direction:column;margin-bottom:16px}.input-group[data-astro-cid-ibc5trox] label[data-astro-cid-ibc5trox]{font-size:.75rem;color:#888;margin-bottom:6px;text-transform:uppercase;font-weight:800;letter-spacing:1px}.input-group[data-astro-cid-ibc5trox] input[data-astro-cid-ibc5trox]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;transition:border-color .2s}.input-group[data-astro-cid-ibc5trox] input[data-astro-cid-ibc5trox]:focus{border-color:var(--bike)}.save-btn[data-astro-cid-ibc5trox]{margin-top:8px;margin-bottom:8px}.video-toggle-link[data-astro-cid-ibc5trox]{color:#888;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .2s ease}.video-toggle-link[data-astro-cid-ibc5trox]:hover,.video-toggle-link[data-astro-cid-ibc5trox].is-open{color:var(--bike)}.privacy-footer[data-astro-cid-ibc5trox]{margin-top:24px;font-size:.65rem;color:#666;line-height:1.5;font-family:JetBrains Mono,monospace}.support-link[data-astro-cid-ibc5trox]{color:var(--bike);text-decoration:none;font-weight:800}.cancel-icon-btn[data-astro-cid-ibc5trox]{background:none;border:none;color:#555;cursor:pointer;padding:0;display:inline-flex;transition:color .2s ease}.cancel-icon-btn[data-astro-cid-ibc5trox]:hover{color:#888}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hub-overlay{position:fixed;inset:0;background:#0b0d17f2;backdrop-filter:blur(10px);z-index:999999;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.hub-overlay.is-open{opacity:1;pointer-events:auto}.hub-container{width:100%;max-width:1200px;margin:auto;animation:slideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:24px;padding-bottom:60px}.hub-overlay.is-open .hub-container{transform:translateY(0)}.hub-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:24px}.hub-title{font-size:clamp(28px,4vw,42px);color:#fff;margin:0;text-transform:uppercase;font-weight:900;letter-spacing:-1px}.hub-subtitle{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#888;font-weight:800;letter-spacing:1px;display:block;margin-top:8px;text-transform:uppercase;transition:color .3s}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#aaa;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:44px;height:44px;outline:none}.icon-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.widget-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;display:flex;flex-direction:column;transition:border-color .3s}.widget-card:hover{border-color:#ffffff1a}.hub-top-row{display:flex;gap:24px}.plan-card{flex:2;display:flex;flex-direction:column;justify-content:center}.health-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.block-label{font-size:.7rem;color:#888;font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:2px;margin-bottom:8px}.block-primary{font-size:2rem;color:#fff;font-weight:900;line-height:1;font-family:Manrope,sans-serif;letter-spacing:-.5px;text-transform:uppercase}.block-secondary{font-size:.9rem;font-weight:600;font-family:Manrope,sans-serif;margin-top:4px}.plan-stats-grid{display:flex;gap:24px;align-items:center;padding-top:24px;margin-top:24px;border-top:1px dashed rgba(255,255,255,.1)}.plan-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.plan-stat span{font-size:.6rem;color:#888;font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:1px}.plan-stat strong{font-size:1.25rem;color:#fff;font-family:JetBrains Mono,monospace;font-weight:900}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.discipline-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:32px;transition:border-color .3s}.discipline-card:hover{border-color:#ffffff1a;background:#ffffff08}.discipline-header{display:flex;align-items:center;gap:12px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:16px}.discipline-icon{font-size:28px}.discipline-title{font-size:1.1rem;color:#fff;font-weight:900;letter-spacing:2px;font-family:JetBrains Mono,monospace}.swim-card .discipline-icon,.swim-card .discipline-title{color:var(--swim, #00d2ff)}.bike-card .discipline-icon,.bike-card .discipline-title{color:var(--bike, #00ffc3)}.run-card .discipline-icon,.run-card .discipline-title{color:var(--run, #FF5900)}.discipline-body{flex:1;display:flex;flex-direction:column}.metric-chunk{display:flex;flex-direction:column;gap:8px}.chunk-label{font-size:.65rem;color:#555;font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:1px;text-transform:uppercase}.chunk-val{font-size:1.25rem;color:#fff;font-weight:900;font-family:JetBrains Mono,monospace;transition:color .2s}.btn-dual-row{display:flex;gap:8px}.editable-anchor{cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.3);padding-bottom:2px}.editable-anchor:hover{color:var(--active-color);border-color:var(--active-color)}.locked-anchor{cursor:not-allowed}.predictor-card{padding:24px 32px}.predictor-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.widget-title{font-size:.8rem;color:#888;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace}.predictor-header .widget-action-header{display:inline-flex;align-items:center;text-decoration:none;color:#888;transition:color .2s ease}.predictor-header .widget-action-header:hover{color:var(--hover-color, var(--active-color, #00ffc3))}.predictor-header .widget-action-header .action-icon{transition:transform .2s ease}.predictor-header .widget-action-header:hover .action-icon{transform:scale(1.05)}.pred-mode-toggle{display:flex;background:#ffffff0d;border-radius:8px;padding:4px}.mode-btn{background:transparent;border:none;color:#888;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.mode-btn:hover{color:#fff}.mode-btn.is-active{background:#fff;color:#000}.predictor-tabs{display:flex;gap:8px;flex-wrap:wrap}.pred-tab{background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;cursor:pointer;transition:all .2s}.pred-tab:hover{border-color:#fff;color:#fff}.pred-tab.is-active{background:var(--active-color);color:#000;border-color:var(--active-color)}.predictor-result-grid{display:flex;justify-content:space-around;align-items:center;text-align:center;flex-wrap:wrap;gap:16px}.pred-stat{display:flex;flex-direction:column;gap:4px}.pred-stat span{font-size:.65rem;color:#888;font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:1px;text-transform:uppercase}.pred-stat strong{font-size:1.5rem;color:#fff;font-weight:900;font-family:Manrope,sans-serif}.total-stat strong{font-size:2rem;color:var(--active-color)}.bottom-layout{display:grid;grid-template-columns:3fr 1fr;gap:24px}.hub-bottom-bar{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px;height:100%}.tools-card{padding:32px;height:100%;display:flex;flex-direction:column}.tools-list{display:flex;flex-direction:column;gap:16px;flex:1}.tool-link{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;color:#aaa;transition:color .2s}.tool-link:hover{color:#fff}.tool-link:hover .material-symbols-outlined{color:var(--active-color)!important}.matrix-header{display:flex;justify-content:space-between;align-items:center}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.matrix-card{background:#0b0d17;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.matrix-title{font-size:.7rem;color:#888;font-family:JetBrains Mono,monospace;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:12px}.matrix-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff}.matrix-val{font-size:1.1rem}.matrix-dna-row{display:flex;justify-content:space-around;align-items:center;text-align:center;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:900;color:#fff;margin-top:8px}.matrix-dna-row span.material-symbols-outlined{font-size:32px;margin-bottom:8px;opacity:.8}.hub-modal-content{background:#12141d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 40px #00000080}.hub-modal-title{text-align:center;color:var(--active-color);font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:2px;margin:0 0 24px;font-weight:800}.hub-modal-label{font-size:.65rem;color:#888;font-family:JetBrains Mono,monospace;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:8px}.hub-modal-input,.hub-modal-select{width:100%;background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.2);color:#fff;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:1rem;outline:none}.hub-modal-select{appearance:none}.hub-modal-select option{background:#12141d;color:#fff}.hub-modal-btn{flex:1;height:48px;background:transparent;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:900;border-radius:24px;cursor:pointer;transition:all .2s;border:1px solid}.cancel-btn-modal{color:#888;border-color:#fff3}.cancel-btn-modal:hover{color:#fff;border-color:#fff}.submit-btn-modal{color:var(--active-color);border-color:color-mix(in srgb,var(--active-color) 40%,transparent)}.submit-btn-modal:hover{background:color-mix(in srgb,var(--active-color) 10%,transparent);border-color:var(--active-color)}.ruler-overlay{position:fixed;inset:0;background:#000000f5;z-index:9999999;display:none;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.ruler-header{position:absolute;top:15%;text-align:center;font-size:.65rem;letter-spacing:4px;color:#444;text-transform:uppercase;font-weight:800}.ruler-track{height:100%;width:180px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 35%,black 65%,transparent)}.ruler-numbers{display:flex;flex-direction:column;align-items:center;cursor:grab;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.ruler-val{height:70px;font-family:JetBrains Mono;font-size:1.6rem;color:#fff;display:flex;align-items:center;transition:color .3s,opacity .3s,transform .3s;cursor:pointer}.ruler-val.active{color:var(--hub-active-color, #00ffc3);font-weight:800;font-size:2.2rem;transform:scale(1.1)}.ruler-indicator{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--hub-active-color, #00ffc3);transform:translateY(-50%);pointer-events:none;opacity:.4}.inline-action-btn{background:transparent;border:1px dashed rgba(255,255,255,.2);color:#888;text-decoration:none;border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:1px;transition:all .2s;text-transform:uppercase;padding:6px 12px;cursor:pointer;outline:none}.inline-action-btn:hover{background:#ffffff0d;color:#fff;border-style:solid}.hub-route-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:1px;transition:all .2s;text-transform:uppercase;font-family:JetBrains Mono,monospace;white-space:nowrap}.hub-route-btn:hover{background:#ffffff0d;border-color:#fff6}.hub-route-btn.solid-btn{background:var(--active-color, #00ffc3);color:#000;border:none}.hub-route-btn.solid-btn:hover{box-shadow:0 0 20px #00ffc366}.matrix-btn{padding:8px 16px;font-size:.65rem}@media(max-width:950px){.hub-top-row{flex-direction:column}.hub-grid,.bottom-layout,.matrix-grid{grid-template-columns:1fr}.predictor-header{flex-direction:column;gap:16px;align-items:flex-start}.predictor-result-grid{flex-direction:column;gap:16px;align-items:flex-start;text-align:left}.plan-stats-grid{flex-wrap:wrap;padding:16px 0 0;border:none}}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.modal-content{background:#12141d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:hidden;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;min-height:450px}#shared-modal-stage,#modal-stage{flex:1;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.card-wrap{opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;width:100%;top:0;left:0;visibility:hidden;pointer-events:none}.card-wrap.active{opacity:1;transform:translateY(0);visibility:visible;position:relative;pointer-events:auto}.card-wrap.exit{opacity:0;transform:translateY(-20px);visibility:hidden;position:absolute;pointer-events:none}.hero-prompt{font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:32px;text-align:center;text-transform:uppercase;font-family:JetBrains Mono,monospace}.sleek-input{width:100%;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.1);color:#fff;font-size:1.25rem;padding:12px 0;font-family:JetBrains Mono,monospace;transition:all .3s ease;border-radius:0;text-align:center;margin-bottom:32px;outline:none}.sleek-input::placeholder{color:#444}.sleek-input:focus{border-bottom:2px solid var(--bike, #00ffc3);outline:none}.cockpit-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}.stepper-wrap{display:flex;align-items:center;justify-content:space-between;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;height:56px}.stepper-btn{background:transparent;border:none;color:#888;width:50px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s;font-size:1.2rem;user-select:none;-webkit-user-select:none}.stepper-btn:hover{color:#fff;background:#ffffff0d;border-radius:4px}.stepper-val{flex:1;text-align:center;color:#fff;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;display:flex;align-items:baseline;justify-content:center;gap:4px}.stepper-unit{font-size:.75rem;color:#666;font-weight:400}.time-dial-wrap{display:flex;align-items:center;justify-content:center;gap:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;height:72px}.time-segment{display:flex;flex-direction:column;align-items:center;position:relative}.time-arrow{background:transparent;border:none;color:#555;height:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:color .2s;padding:0 12px;user-select:none;-webkit-user-select:none}.time-arrow:hover{color:#fff}.time-input{background:transparent;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;width:44px;text-align:center;padding:0;margin:0;appearance:textfield;-moz-appearance:textfield}.time-input::-webkit-outer-spin-button,.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input:focus{outline:none;background:#ffffff0d;border-radius:4px}.time-colon{color:#444;font-weight:800;font-family:JetBrains Mono,monospace;font-size:1.2rem}.preset-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-bottom:24px}.preset-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.preset-row:hover{background:#ffffff0d;border-color:#fff3}.preset-name{color:#fff;font-family:JetBrains Mono,monospace;font-weight:800;font-size:.9rem}.preset-meta{color:#666;font-size:.65rem;font-weight:800;letter-spacing:1px;font-family:JetBrains Mono,monospace}.date-drill-container{margin-top:2vh;animation:fadeIn .3s ease;display:flex;flex-direction:column;align-items:center;width:100%}.wizard-date-picker{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch}.wizard-date-month-label{text-align:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;letter-spacing:2px;color:var(--swim, #00d2ff);margin-bottom:12px;text-transform:uppercase}.wizard-date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);width:100%;margin-bottom:6px}.wizard-date-weekday{text-align:center;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800;letter-spacing:1px;color:#555;text-transform:uppercase}.wizard-date-grid{width:100%}.wizard-date-grid .grid-cell-empty{background:transparent;cursor:default;pointer-events:none}.wizard-date-grid .grid-cell.drill-btn:not(.disabled):hover{color:var(--swim, #00d2ff)}.drill-grid{display:grid;gap:1px;background:#ffffff0d;border:none;width:100%;max-width:400px;margin:0 auto}.drill-grid.cols-2{grid-template-columns:repeat(2,1fr)}.drill-grid.cols-4{grid-template-columns:repeat(4,1fr)}.drill-grid.cols-7{grid-template-columns:repeat(7,1fr);background:transparent;gap:0}.grid-cell{background:#12141d;padding:3vh 0;text-align:center;font-size:clamp(16px,2.5vw,24px);font-weight:900;cursor:pointer;transition:all .15s ease;color:#888;border:none;border-radius:0;margin:0;font-family:JetBrains Mono,monospace}.grid-cell:hover{background:#ffffff0d;color:#fff}.drill-grid.cols-4 .grid-cell{padding:2vh 0;font-size:clamp(14px,2vw,20px)}.drill-grid.cols-7 .grid-cell{padding:1.5vh 0;font-size:clamp(14px,2vw,18px);color:#555;background:transparent}.drill-grid.cols-7 .grid-cell:hover{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-settings-modal[data-astro-cid-y6uxxyo7]{max-width:420px;padding:28px;min-height:auto;overflow-y:auto;scrollbar-width:none}.profile-settings-modal[data-astro-cid-y6uxxyo7]::-webkit-scrollbar{display:none}.profile-settings-modal[data-astro-cid-y6uxxyo7] .modal-header[data-astro-cid-y6uxxyo7]{margin-top:0;color:var(--active-color, #fff);font-family:JetBrains Mono,monospace;text-transform:uppercase;font-size:1.1rem;letter-spacing:.5px;margin-bottom:20px}.profile-settings-section[data-astro-cid-y6uxxyo7]{margin-bottom:28px}.profile-settings-copy[data-astro-cid-y6uxxyo7]{font-size:.8rem;color:#aaa;line-height:1.5;margin-bottom:16px}.profile-settings-btn[data-astro-cid-y6uxxyo7]{width:100%;margin-top:0}.profile-settings-btn--secondary[data-astro-cid-y6uxxyo7]{color:#ccc;border-color:#fff3}.profile-settings-btn--secondary[data-astro-cid-y6uxxyo7]:hover{color:#fff;border-color:#ffffff59}.profile-settings-btn--danger[data-astro-cid-y6uxxyo7]{color:#f43f5e;border-color:color-mix(in srgb,#f43f5e 40%,transparent)}.profile-settings-btn--danger[data-astro-cid-y6uxxyo7]:hover{background:color-mix(in srgb,#f43f5e 10%,transparent);border-color:#f43f5e}.profile-settings-confirm[data-astro-cid-y6uxxyo7]{display:flex;flex-direction:column;gap:10px}.profile-settings-confirm[data-astro-cid-y6uxxyo7][hidden],.profile-settings-action-initial[data-astro-cid-y6uxxyo7][hidden]{display:none!important}.profile-settings-confirm-label[data-astro-cid-y6uxxyo7]{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#aaa;text-align:center}.profile-settings-confirm-row[data-astro-cid-y6uxxyo7]{display:flex;gap:10px;width:100%}.profile-settings-confirm-btn[data-astro-cid-y6uxxyo7]{flex:1;height:44px;border-radius:32px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;background:transparent}.profile-settings-confirm-btn--neutral[data-astro-cid-y6uxxyo7]{color:#888;border:1px solid rgba(255,255,255,.15)}.profile-settings-confirm-btn--neutral[data-astro-cid-y6uxxyo7]:hover{color:#fff;border-color:#ffffff4d}.profile-settings-confirm-btn--danger[data-astro-cid-y6uxxyo7]{color:#fff;border:1px solid color-mix(in srgb,#f43f5e 50%,transparent);background:color-mix(in srgb,#f43f5e 18%,transparent)}.profile-settings-confirm-btn--danger[data-astro-cid-y6uxxyo7]:hover{background:color-mix(in srgb,#f43f5e 28%,transparent);border-color:#f43f5e}.profile-settings-privacy[data-astro-cid-y6uxxyo7]{margin-top:16px;margin-bottom:0;font-size:.65rem;color:#666;line-height:1.5;font-family:JetBrains Mono,monospace}.profile-settings-support[data-astro-cid-y6uxxyo7]{margin:0 0 20px;text-align:center;font-size:.7rem;color:#666;font-family:JetBrains Mono,monospace}.profile-settings-support[data-astro-cid-y6uxxyo7] .support-link[data-astro-cid-y6uxxyo7]{color:var(--bike, #00ffc3);text-decoration:none;font-weight:800}.profile-settings-close[data-astro-cid-y6uxxyo7]{text-align:center}.cancel-icon-btn[data-astro-cid-y6uxxyo7]{background:none;border:none;color:#555;cursor:pointer;padding:0;display:inline-flex;transition:color .2s ease}.cancel-icon-btn[data-astro-cid-y6uxxyo7]:hover{color:#888}:root{--bg: #0B0D17;--bg-deep: #0B0D17;--card-surface: #12141D;--border-glass: rgba(255, 255, 255, .05);--text-primary: #F3F4F6;--text-muted: #6B7280;--active-color: #00ffc3;--swim: #00d2ff;--bike: #00ffc3;--run: #FF5900;--strength: #bf61ff;--intensity: .2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}html,body{background:var(--bg);color:var(--text-primary);margin:0;padding:0;height:100dvh;width:100vw;overflow:hidden;font-family:Manrope,sans-serif;display:flex;flex-direction:column;touch-action:manipulation;-webkit-overflow-scrolling:touch}.slot-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding-left:var(--app-rail-width, 100px);padding-right:var(--page-pad-x, 32px)}html:has(main.home-land),body:has(main.home-land){height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}html:has(main.home-land) .slot-wrapper{overflow:visible;height:auto;flex:1 0 auto;min-height:0}html:has(main.home-land) main.home-land{flex:none;min-height:0;overflow-x:hidden;overflow-y:visible}.jb-mono{font-family:JetBrains Mono,monospace}.brand-lockup{position:fixed;top:32px;left:28px;z-index:997;display:flex;align-items:center;gap:12px;pointer-events:none}.beta-pill{background:#f59e0b;color:#000;padding:4px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:900;letter-spacing:1px;line-height:1;pointer-events:auto}.global-logo{pointer-events:auto;display:flex;align-items:center;text-decoration:none;transition:transform .2s ease,filter .2s ease}.global-logo:hover{transform:scale(1.02);filter:brightness(1.2)}.logo-svg{height:38px;width:auto;display:block}.app-toolbar{position:fixed;top:100px;left:24px;z-index:1000;background:#0b0d17d9;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:6px 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 48px);overflow-x:hidden;box-sizing:border-box}a.toolbar-btn,div.toolbar-btn{width:40px;height:40px;margin:4px 0;display:flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none!important;cursor:pointer;transition:all .2s ease;background:transparent;border:none;border-radius:8px}.toolbar-btn .material-symbols-outlined{font-size:20px;color:inherit}.toolbar-btn:hover{background:#ffffff1a;color:var(--active-color, #00ffc3)!important}.toolbar-divider{width:24px;height:1px;background:#ffffff1a;margin:4px 0}@media(max-width:850px){.brand-lockup{left:24px!important;top:24px!important}.logo-svg{height:32px!important}.app-toolbar{top:auto!important;bottom:16px!important;left:50%!important;transform:translate(-50%)!important;flex-direction:row!important;width:calc(100% - 32px)!important;max-width:400px!important;justify-content:space-around!important;padding:8px 12px!important;border-radius:32px!important}a.toolbar-btn,div.toolbar-btn{margin:0!important}.toolbar-divider{display:none!important}.slot-wrapper{padding-left:0!important;padding-right:0!important;padding-bottom:120px!important}.minimal-footer{padding-bottom:100px!important}}.nav-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-panel{position:fixed;top:0;left:0;height:100dvh;width:320px;max-width:85vw;background:#0b0d17;border-right:1px solid rgba(255,255,255,.05);z-index:999;display:flex;flex-direction:column;padding:100px 20px 24px 80px;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:20px 0 40px #00000080;overflow-x:hidden;box-sizing:border-box}.nav-panel.active{transform:translate(0)}@media(max-width:850px){.nav-panel{padding-top:80px!important;padding-left:20px!important;padding-bottom:100px!important}}.nav-content{display:flex;flex-direction:column;gap:4px;text-align:left;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0;max-width:100%}.nav-header-tag{font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:800;color:#555;letter-spacing:2px;margin:8px 0 4px}.nav-link{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:800;color:#888;text-decoration:none;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:8px 12px;border-radius:8px;transition:all .2s ease;border:1px solid transparent;min-width:0;max-width:100%;box-sizing:border-box}.nav-link:hover{color:#fff;background:#ffffff08;border-color:#ffffff0d;transform:translate(4px)}.nav-link.active-link{color:#fff;background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.nav-link.active-link .material-symbols-outlined{opacity:1;text-shadow:0 0 10px color-mix(in srgb,var(--active-color) 50%,transparent)}.nav-link .material-symbols-outlined{font-size:16px;color:var(--active-color);opacity:.8;transition:opacity .2s ease}.nav-link:hover .material-symbols-outlined{opacity:1}.nav-link-small{font-size:.7rem!important;padding:6px 12px!important;gap:12px!important}button.nav-units-toggle{background:transparent;border:none;cursor:pointer;width:100%;min-width:0;text-align:left;font:inherit;color:inherit}.nav-units-toggle-pill{display:flex;position:relative;align-items:stretch;border-radius:999px;overflow:hidden;background:#00ffc314;border:1px solid rgba(0,255,195,.28);min-width:76px;flex:1 1 auto;max-width:100%;box-sizing:border-box}.nav-units-pill-bg{position:absolute;top:0;left:0;bottom:0;width:50%;background:#00ffc36b;border-radius:999px;transition:transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none;box-shadow:inset 0 0 0 1px #00ffc359}.nav-units-toggle.is-imperial .nav-units-pill-bg{transform:translate(100%)}.nav-units-pill-opt{position:relative;z-index:1;flex:1;text-align:center;padding:5px 8px;font-size:.62rem;font-weight:800;letter-spacing:.5px;color:#555;line-height:1.2}.nav-units-toggle:not(.is-imperial) .nav-units-pill-opt[data-metric]{color:#fff}.nav-units-toggle.is-imperial .nav-units-pill-opt[data-imperial]{color:#fff}.nav-panel-logo{display:flex;align-items:center;text-decoration:none;margin-bottom:8px;padding:4px 0;pointer-events:auto}.nav-panel-logo-svg{height:32px;width:auto;display:block}.nav-panel-logo:hover .nav-panel-logo-svg{filter:brightness(1.15)}.minimal-footer{flex-shrink:0;margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:clamp(24px,5vw,64px);padding:32px 16px 24px;box-sizing:border-box;background:transparent;border:none;pointer-events:none}.footer-link,.footer-copyright{font-family:JetBrains Mono,monospace;font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:color .2s ease;pointer-events:auto}.footer-link:hover{color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal-content{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:90%;max-width:360px;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.save-btn,.hero-btn{width:100%;height:56px;background:transparent;color:var(--active-color, #00ffc3);border:1px solid color-mix(in srgb,var(--active-color, #00ffc3) 40%,transparent);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:900;padding:0 24px;border-radius:32px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box;white-space:nowrap}.save-btn:hover,.hero-btn:hover{background:color-mix(in srgb,var(--active-color, #00ffc3) 10%,transparent);border-color:var(--active-color, #00ffc3);filter:brightness(1.2)}.save-btn:active,.hero-btn:active{transform:scale(.98)}.hero-btn-free{color:#fff;border-color:#fff3}.hero-btn-free:hover{background:#ffffff0d;border-color:#fff;filter:none}.cancel-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;border-radius:50%;width:44px;height:44px;padding:0;cursor:pointer;transition:all .2s;text-decoration:none}.cancel-btn:hover{border-color:#fff;color:#fff;background:#ffffff0d}.cancel-btn:active{transform:scale(.96)}.cancel-icon-btn{background:none;border:none;color:#555;cursor:pointer;padding:0;display:inline-flex;transition:color .2s ease}.cancel-icon-btn:hover{color:#888}@media(max-width:850px){html,body{height:auto!important;min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;position:relative}.slot-wrapper{overflow:visible!important;height:auto!important}.master-container,.terminal-container,main{height:auto!important;min-height:100dvh;overflow:visible!important;padding-bottom:40px}.orb-container,#orb-canvas,canvas{position:relative!important;margin-top:15vh!important;z-index:0!important}header,.sys-hud,.logo{position:relative;z-index:10!important}}