/* Ocheflow V1.33.0 Skill Passport */
:root{--sp-bg:#05090d;--sp-surface:#0b1118;--sp-surface-2:#101923;--sp-border:rgba(255,255,255,.1);--sp-text:#f5f7fa;--sp-muted:#96a3b2;--sp-gold:#ffb53d;--sp-gold-soft:rgba(255,181,61,.14);--sp-green:#53d99a;--sp-red:#ff6f78;--sp-blue:#6cb5ff;--sp-radius:20px;--sp-shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{background:var(--sp-bg);color-scheme:dark;scroll-behavior:smooth}body.skill-passport-body{margin:0;min-width:280px;background:radial-gradient(circle at 82% -10%,rgba(255,181,61,.11),transparent 32rem),linear-gradient(180deg,#05090d,#071019 58%,#05090d);color:var(--sp-text);font-family:Manrope,system-ui,sans-serif}.sp-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto}.sp-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,9,13,.9);backdrop-filter:blur(18px)}.sp-nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sp-brand{display:flex;align-items:center}.sp-brand img{display:block;width:154px;height:auto}.sp-nav-links{display:flex;align-items:center;gap:.55rem}.sp-nav-links a,.sp-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.72rem 1rem;border:1px solid var(--sp-border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--sp-text);font:800 .78rem/1 Manrope;text-decoration:none;cursor:pointer;transition:.18s ease}.sp-nav-links a:hover,.sp-button:hover{border-color:rgba(255,181,61,.45);transform:translateY(-1px)}.sp-button.primary,.sp-nav-links a.primary{border-color:#ffb53d;background:#ffb53d;color:#171008}.sp-button.ghost{background:transparent}.sp-main{padding:clamp(1rem,3vw,2.4rem) 0 4rem}.sp-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:end;padding:clamp(1rem,3vw,2rem) 0}.sp-kicker{display:flex;align-items:center;gap:.5rem;color:var(--sp-gold);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sp-kicker::before{content:"";width:24px;height:2px;background:var(--sp-gold)}.sp-hero h1{max-width:820px;margin:.55rem 0 .7rem;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:800;line-height:.88;letter-spacing:-.035em;text-transform:uppercase}.sp-hero h1 span{color:var(--sp-gold)}.sp-hero p{max-width:760px;margin:0;color:var(--sp-muted);font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.65}.sp-local-pill{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.65rem .8rem;border:1px solid rgba(83,217,154,.3);border-radius:999px;background:rgba(83,217,154,.08);color:#79e7b3;font-size:.7rem;font-weight:900;text-transform:uppercase}.sp-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:1rem}.sp-panel{border:1px solid var(--sp-border);border-radius:var(--sp-radius);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:var(--sp-shadow)}.sp-score-card{position:relative;overflow:hidden;display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.4rem;padding:clamp(1rem,3vw,1.6rem)}.sp-score-card::after{content:"";position:absolute;inset:auto -9rem -11rem auto;width:25rem;height:25rem;border-radius:50%;background:radial-gradient(circle,rgba(255,181,61,.11),transparent 67%);pointer-events:none}.sp-score-ring{--score-turn:0deg;position:relative;display:grid;place-items:center;width:200px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--sp-gold) var(--score-turn),rgba(255,255,255,.075) 0);filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}.sp-score-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#17202a,#080d13 72%);border:1px solid rgba(255,255,255,.08)}.sp-score-ring-content{position:relative;display:grid;text-align:center}.sp-score-ring-content small{color:var(--sp-muted);font-size:.66rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.sp-score-ring-content strong{font-family:"Barlow Condensed",sans-serif;font-size:4.4rem;line-height:.95}.sp-score-ring-content span{color:var(--sp-gold);font-size:.68rem;font-weight:900}.sp-score-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.sp-score-copy h2{margin:.2rem 0;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4.6vw,3.5rem);line-height:.95;text-transform:uppercase}.sp-score-copy>p{margin:.35rem 0 1rem;color:var(--sp-muted);line-height:1.55}.sp-meta-row{display:flex;flex-wrap:wrap;gap:.55rem}.sp-meta-row span{padding:.5rem .65rem;border-radius:999px;background:rgba(255,255,255,.045);color:var(--sp-muted);font-size:.68rem;font-weight:800}.sp-meta-row strong{color:var(--sp-text)}.sp-name-row{display:flex;align-items:center;gap:.55rem;margin-top:.85rem}.sp-name-row label{color:var(--sp-muted);font-size:.7rem;font-weight:800}.sp-name-row input{width:min(240px,100%);min-height:40px;padding:.6rem .75rem;border:1px solid var(--sp-border);border-radius:10px;background:#070c12;color:var(--sp-text);font:800 .85rem Manrope}.sp-calibration-card{padding:1.2rem}.sp-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.sp-panel-head h2,.sp-panel-head h3{margin:.25rem 0;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase}.sp-panel-head h2{font-size:2rem}.sp-panel-head h3{font-size:1.5rem}.sp-panel-head p{margin:.2rem 0;color:var(--sp-muted);font-size:.76rem;line-height:1.5}.sp-calibration-score{display:grid;text-align:right}.sp-calibration-score strong{font-family:"Barlow Condensed",sans-serif;font-size:2.2rem;color:var(--sp-gold)}.sp-calibration-score small{color:var(--sp-muted);font-size:.65rem}.sp-progress{height:9px;margin:.9rem 0;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.sp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9838,#ffca55);transition:width .5s ease}.sp-checklist{display:grid;gap:.55rem;margin-top:.8rem}.sp-check{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.55rem .6rem;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.018)}.sp-check b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--sp-muted);font-size:.67rem}.sp-check.done b{background:rgba(83,217,154,.14);color:var(--sp-green)}.sp-check span{font-size:.72rem;font-weight:800}.sp-check small{color:var(--sp-muted);font-size:.65rem}.sp-components{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.sp-component{position:relative;overflow:hidden;padding:1rem}.sp-component small{color:var(--sp-muted);font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sp-component strong{display:block;margin:.25rem 0;font-family:"Barlow Condensed",sans-serif;font-size:2.15rem}.sp-component p{min-height:2.5em;margin:.35rem 0 0;color:var(--sp-muted);font-size:.66rem;line-height:1.35}.sp-component .sp-progress{height:6px;margin:.65rem 0 0}.sp-component.missing strong{color:#617080}.sp-section{margin-top:1rem}.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sp-section-panel{padding:1.2rem}.sp-insight-list{display:grid;gap:.65rem;margin-top:.85rem}.sp-insight{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.018)}.sp-insight-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--sp-gold-soft);color:var(--sp-gold);font-weight:900}.sp-insight small{display:block;color:var(--sp-muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.sp-insight strong{font-size:.82rem}.sp-insight em{color:var(--sp-muted);font-size:.65rem;font-style:normal;text-align:right}.sp-trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.85rem}.sp-trend{padding:.85rem;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.018)}.sp-trend small{color:var(--sp-muted);font-size:.62rem;font-weight:900}.sp-trend strong{display:block;margin:.2rem 0;font-family:"Barlow Condensed",sans-serif;font-size:2rem}.sp-trend span{font-size:.68rem;font-weight:800}.sp-trend .up{color:var(--sp-green)}.sp-trend .down{color:var(--sp-red)}.sp-trend .flat{color:var(--sp-muted)}.sp-level-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1.2rem}.sp-level-card h2{margin:.2rem 0;font-family:"Barlow Condensed",sans-serif;font-size:2rem;text-transform:uppercase}.sp-level-card p{margin:.25rem 0;color:var(--sp-muted);font-size:.76rem;line-height:1.5}.sp-level-number{text-align:right}.sp-level-number strong{font-family:"Barlow Condensed",sans-serif;font-size:2.6rem;color:var(--sp-gold)}.sp-level-number small{display:block;color:var(--sp-muted);font-size:.62rem}.sp-pb-list{display:grid;gap:.55rem;margin-top:.8rem}.sp-pb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;padding:.7rem;border:1px solid rgba(255,255,255,.065);border-radius:10px}.sp-pb small{display:block;color:var(--sp-muted);font-size:.62rem}.sp-pb strong{font-size:.76rem}.sp-pb span{color:var(--sp-gold);font-size:.7rem;font-weight:900;text-align:right}.sp-empty{padding:1rem;border:1px dashed rgba(255,181,61,.28);border-radius:12px;color:var(--sp-muted);font-size:.75rem;line-height:1.6}.sp-next-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.2rem;border-color:rgba(255,181,61,.32);background:radial-gradient(circle at 100% 0,rgba(255,181,61,.13),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.sp-next-card h2{margin:.2rem 0;font-family:"Barlow Condensed",sans-serif;font-size:2rem;text-transform:uppercase}.sp-next-card p{margin:.25rem 0;color:var(--sp-muted);font-size:.78rem;line-height:1.5}.sp-formula details{margin-top:.8rem;border-top:1px solid var(--sp-border);padding-top:.8rem}.sp-formula summary{cursor:pointer;color:var(--sp-gold);font-size:.72rem;font-weight:900}.sp-formula ol{margin:.8rem 0 0;padding-left:1.2rem;color:var(--sp-muted);font-size:.7rem;line-height:1.65}.sp-share-preview{position:relative;overflow:hidden;min-height:230px;margin-top:.8rem;padding:1.2rem;border:1px solid rgba(255,181,61,.25);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(255,181,61,.2),transparent 40%),#081018}.sp-share-preview::after{content:"OCHEFLOW";position:absolute;right:-.1em;bottom:-.22em;color:rgba(255,255,255,.025);font-family:"Barlow Condensed",sans-serif;font-size:6rem;font-weight:900}.sp-share-preview h3{position:relative;z-index:1;margin:.2rem 0;font-family:"Barlow Condensed",sans-serif;font-size:2.2rem;text-transform:uppercase}.sp-share-score{position:relative;z-index:1;display:flex;align-items:end;gap:.65rem}.sp-share-score strong{font-family:"Barlow Condensed",sans-serif;font-size:4.5rem;line-height:1;color:var(--sp-gold)}.sp-share-score span{padding-bottom:.55rem;color:var(--sp-muted);font-size:.8rem;font-weight:900}.sp-share-bars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:1rem}.sp-share-bars article{display:grid;gap:.25rem}.sp-share-bars small{color:var(--sp-muted);font-size:.52rem;font-weight:900;text-transform:uppercase}.sp-share-bars i{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.sp-share-bars i::after{content:"";display:block;width:var(--bar);height:100%;background:var(--sp-gold)}.sp-share-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.sp-footer{padding:1.5rem 0 2.5rem;color:var(--sp-muted);font-size:.68rem;text-align:center}.sp-toast{position:fixed;left:50%;bottom:1rem;z-index:40;transform:translate(-50%,130%);padding:.75rem 1rem;border:1px solid rgba(255,181,61,.35);border-radius:12px;background:#111922;color:var(--sp-text);font-size:.74rem;font-weight:800;box-shadow:var(--sp-shadow);transition:.25s ease}.sp-toast.show{transform:translate(-50%,0)}
@media(max-width:920px){.sp-grid{grid-template-columns:1fr}.sp-components{grid-template-columns:repeat(3,1fr)}.sp-score-card{grid-template-columns:180px minmax(0,1fr)}.sp-score-ring{width:170px}.sp-score-ring-content strong{font-size:3.7rem}}
@media(max-width:680px){.sp-shell{width:min(100% - 1rem,1180px)}.sp-nav{min-height:58px}.sp-brand img{width:128px}.sp-nav-links a:not(.primary){display:none}.sp-main{padding-top:.35rem}.sp-hero{grid-template-columns:1fr;gap:.75rem}.sp-local-pill{justify-self:start}.sp-score-card{grid-template-columns:1fr;text-align:center}.sp-score-ring{width:160px;justify-self:center}.sp-score-copy{align-items:center}.sp-meta-row,.sp-name-row{justify-content:center}.sp-components{grid-template-columns:1fr 1fr}.sp-two{grid-template-columns:1fr}.sp-panel-head{align-items:flex-start}.sp-trend-grid{grid-template-columns:1fr 1fr 1fr}.sp-level-card,.sp-next-card{grid-template-columns:1fr}.sp-level-number{text-align:left}.sp-next-card .sp-button{width:100%}.sp-share-bars{grid-template-columns:1fr}.sp-share-bars article{grid-template-columns:64px 1fr;align-items:center}.sp-share-preview::after{font-size:4rem}.sp-insight{grid-template-columns:38px minmax(0,1fr)}.sp-insight-icon{width:38px;height:38px}.sp-insight em{grid-column:2;text-align:left}.sp-check{grid-template-columns:22px minmax(0,1fr)}.sp-check small{grid-column:2}.sp-share-actions{display:grid}.sp-share-actions .sp-button{width:100%}}
@media(max-width:390px){.sp-components{grid-template-columns:1fr}.sp-trend-grid{grid-template-columns:1fr}.sp-score-ring{width:148px}.sp-score-ring-content strong{font-size:3.35rem}.sp-hero h1{font-size:2.7rem}.sp-score-card,.sp-calibration-card,.sp-section-panel,.sp-next-card,.sp-level-card{padding:.85rem}}

.sp-platform-nav{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:.25rem;padding:.25rem;border:1px solid var(--sp-border);border-radius:14px;background:rgba(255,255,255,.02)}.sp-platform-nav a{display:grid;grid-template-columns:auto 1fr;gap:.3rem;align-items:center;min-height:38px;padding:.4rem .5rem;border-radius:10px;color:var(--sp-muted);font-size:.65rem;font-weight:850;text-decoration:none}.sp-platform-nav a.active{color:var(--sp-text);background:var(--sp-gold-soft);box-shadow:inset 0 0 0 1px rgba(255,181,61,.18)}.sp-platform-nav a span{color:var(--sp-gold)}@media(max-width:680px){.sp-nav{display:grid;grid-template-columns:1fr}.sp-platform-nav{grid-template-columns:repeat(5,1fr)}.sp-platform-nav a{grid-template-columns:1fr;place-items:center;gap:.05rem;padding:.3rem .15rem;font-size:.55rem}}