@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";#scene-clean{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.9) brightness(.72)}main{min-height:100vh;padding:48px 0 76px}.hero{padding:28px 22px 34px;border:1px solid rgba(66,83,101,.5);border-radius:18px;background:linear-gradient(100deg,#080d15e6,#080d15b8 57%,#080d155c);box-shadow:0 22px 80px #00000038}.hero-aside{background:linear-gradient(145deg,#141e2bdb,#0e141de0)}.card,.stat{background:#0c121be8;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-color:#3d4e61c2}.step{border:1px solid rgba(61,78,97,.55);border-radius:11px;background:#0c121bd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-head{padding:17px;border-radius:14px;background:#090e16c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.metric,.empty{background:#080d14d6}.notice{color:#b3c0ce}:root{color-scheme:dark;--bg:#090d14;--panel:#101722;--panel2:#141e2b;--line:#243142;--text:#edf3fa;--muted:#94a3b5;--cyan:#66e2d1;--lime:#c2f279;--amber:#ffd16b;--red:#ff8585;--mono:"IBM Plex Mono",monospace;--sans:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}*{box-sizing:border-box}body{position:relative;margin:0;background:#090d14;color:var(--text);font:15px/1.65 var(--sans);min-height:100vh}#scene-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#090d14;pointer-events:none}#scene-stage{position:absolute;left:50%;top:50%;width:min(100vw,203.07vh);height:min(100vh,49.245vw);transform:translate(-50%,-50%);overflow:hidden;opacity:.62;filter:saturate(.9) brightness(.68)}#scene-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.shell{position:relative;z-index:1;max-width:1160px;margin:auto;padding:0 28px}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(69,91,111,.65);background:#080c138a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #427d80;border-radius:10px;color:var(--cyan);font:600 13px var(--mono);background:#102426}.muted,small,.muted-text{color:var(--muted)}nav{display:flex;gap:23px;color:#b8c5d4;font-size:14px}nav a:hover,.account-link:hover{color:var(--cyan)}.account-link{font:12px var(--mono);color:var(--muted);white-space:nowrap}main{min-height:calc(100vh - 132px);padding:56px 0 76px}footer{position:relative;border-top:1px solid rgba(69,91,111,.6);padding:18px 0 24px;color:#9aa8b8;font-size:12px;display:flex;justify-content:space-between;background:#080c138a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,6vw,62px);line-height:1.18;letter-spacing:-.04em;margin:16px 0 18px;max-width:760px}h2{font-size:23px;line-height:1.3;margin-bottom:8px}h3{font-size:16px;margin-bottom:7px}.lead{font-size:18px;color:#c2cfde;max-width:650px}.hero{padding:28px 22px 34px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:48px;border:1px solid rgba(66,83,101,.5);border-radius:18px;background:linear-gradient(100deg,#080d15e6,#080d15b8 57%,#080d155c);box-shadow:0 22px 80px #00000038}.hero-aside{border:1px solid rgba(100,137,151,.45);background:linear-gradient(145deg,#141e2bdb,#0e141de0);border-radius:16px;padding:24px}.hero-aside .big{font:500 30px var(--mono);color:var(--cyan)}.hero-aside p{margin:5px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0 8px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 17px;border-radius:9px;border:1px solid #46576d;background:#121b27f0;color:var(--text);font:600 14px var(--sans);cursor:pointer}.button:hover{border-color:var(--cyan);transform:translateY(-1px)}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#071314}.button.ghost{background:#070c138c}.button.warn{border-color:#765e35;color:var(--amber)}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 42px}.stat,.card{border:1px solid rgba(61,78,97,.76);background:#0c121be8;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:13px;padding:18px}.stat label,.label{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.stat strong{font:500 22px var(--mono)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px}.section-head p{margin:0;color:var(--muted);font-size:13px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:21px}.card p:last-child{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:17px;border:1px solid rgba(61,78,97,.55);border-radius:11px;background:#0c121bd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step b{font:12px var(--mono);color:var(--cyan)}.step p{font-size:13px;color:var(--muted);margin:7px 0 0}.callout{padding:15px 18px;border:1px solid #385454;background:#102021eb;border-radius:10px;color:#c7e9df}.callout.warning{border-color:#66512f;background:#211b10f0;color:#f3dcac}.pill,.status{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--muted);font:11px var(--mono);white-space:nowrap}.status.ready,.status.connected{border-color:#2b7566;color:var(--cyan)}.status.busy{border-color:#836e38;color:var(--amber)}.status.error,.status.offline{border-color:#73454b;color:var(--red)}.page-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:26px;padding:17px;border-radius:14px;background:#090e16c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.page-head h1{font-size:37px;margin:5px 0 7px}.page-head p{color:var(--muted);margin:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:grid;gap:6px;margin-bottom:13px}.field label{color:#b9c6d3;font-size:13px}.field input,.field select,.field textarea{width:100%;background:#0a1018;border:1px solid #2c3949;border-radius:8px;color:var(--text);padding:11px 12px;font:14px var(--sans)}.field input:focus,.field select:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}.field input[type=range]{padding:0;accent-color:var(--cyan)}.field input[type=checkbox]{width:auto;accent-color:var(--cyan)}.check-row{display:flex;gap:9px;align-items:center;margin:9px 0;color:#bdc9d7;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#080d14d6;border:1px solid var(--line);border-radius:9px;padding:12px}.metric span{display:block;color:var(--muted);font-size:11px}.metric b{display:block;margin-top:4px;font:13px var(--mono);overflow-wrap:anywhere}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:690px;background:#0c121bf2}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500;background:#121b27}td.mono,th.mono{font-family:var(--mono)}tbody tr:last-child td{border-bottom:0}.tabs,.segmented{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tabs button,.segmented button{background:#0d141e;color:#9fadc0;border:1px solid var(--line);padding:7px 11px;border-radius:7px;font:12px var(--sans);cursor:pointer}.tabs button.active,.segmented button.active{color:var(--cyan);border-color:#347269;background:#102120}.notice{color:#b3c0ce;font-size:12px}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed #465568;border-radius:10px;background:#080d14d6}.stack{display:grid;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.row+.row{border-top:1px solid var(--line);padding-top:12px}.code{font:600 24px var(--mono);letter-spacing:.1em;color:var(--lime)}.toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #202a37}.toggle:last-child{border:0}.toggle input{accent-color:var(--cyan);width:17px;height:17px}.connection{font:12px var(--mono);color:var(--muted)}.connection:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#687588;margin-right:7px}.connection.ok:before{background:var(--cyan)}.demo-banner{position:fixed;right:14px;bottom:12px;background:#402b0e;color:#ffd67a;border:1px solid #765c2d;border-radius:8px;padding:7px 11px;font:11px var(--mono);z-index:5}.loading{color:var(--muted)}@media(max-width:850px){.topbar{flex-wrap:wrap;padding:13px 0}.topbar nav{order:3;width:100%;overflow:auto;padding:2px 0 4px;gap:18px}.hero{grid-template-columns:1fr;gap:8px}.hero-aside{max-width:420px}.stats,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{padding:0 17px}.account-link{font-size:10px}.brand{font-size:13px}main{padding:35px 0 52px}.page-head{display:block}.page-head .button{margin-top:15px}.page-head h1{font-size:32px}.grid-2,.grid-3,.split,.form-row{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.lead{font-size:16px}footer{gap:8px;flex-wrap:wrap}.hero{padding:20px 15px 24px}}#scene-clean{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.85)}#scene-clean canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}:root{--sans:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"IBM Plex Mono","Consolas",monospace;--text:#f0f5f4;--muted:#b3c3c9;--cyan:#8be3da;--lime:#eced71;--line:rgba(170,210,217,.18)}body{background:#08121c;font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1440px;padding:0 48px}#scene-clean{filter:none}#scene-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040d16ed,#040d1699 34%,#040d161f 63%,#040d1659),linear-gradient(0deg,rgba(4,13,22,.84),transparent 48%);pointer-events:none}.topbar{min-height:88px;padding:0 20px;border-bottom:1px solid var(--line);background:#05111bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-size:16px;font-weight:600;gap:12px;letter-spacing:.01em}.brand-mark{width:34px;height:34px;font:600 14px var(--mono);color:#e4edac;background:#aac98614;border:1px solid #cce39a45;border-radius:8px}.brand .muted{font-weight:400;font-size:13px;color:#afc1c8;border-left:1px solid #a4bdc63b;padding-left:12px;margin-left:1px}nav{gap:28px}nav a{font:14px var(--sans);padding:12px 0;color:#c1ced1;transition:color .15s}nav a:hover,nav a[aria-current=page]{color:#e5eda0}nav a[aria-current=page]{box-shadow:0 1px #dce589}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}main{padding:40px 0 70px}.command-home main{padding:24px 0 26px}.command-deck{width:100%}.deck-top{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#bacbd1}.deck-top i{display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 9px 2px 0;background:#94d7cf;box-shadow:0 0 10px #85cbca50}.availability{border:1px solid #b5cdd026;background:#0a1c2594;border-radius:20px;padding:4px 12px;font-size:12px;color:#b0c0c5}.deck-content{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:48px;min-height:610px;padding:66px 0 52px;align-items:center}.mission-console{max-width:620px}.hero-wordmark{font:700 17px var(--sans);letter-spacing:.08em;color:#e8efb7;margin:0 0 12px}.hero-wordmark em{font-style:normal}.mission-index{font-size:13px;color:#97b7c3;margin-bottom:26px;letter-spacing:.14em}.mission-console h1{font-size:clamp(36px,4.05vw,56px);line-height:1.3;font-weight:600;letter-spacing:.015em;margin:0 0 23px;text-shadow:0 4px 25px #08121c88}.title-accent{color:#ebefb2}.mission-copy{font-size:17px;line-height:1.95;color:#bfced4;margin:0 0 34px}.mission-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.launch-button{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:58px;min-width:224px;padding:15px 22px;background:#e8ed87;color:#16202a;font-size:16px;font-weight:600;border:1px solid #f2f3b2;border-radius:4px;box-shadow:0 4px 22px #dce47216;transition:background .15s,box-shadow .15s}.launch-button:hover{background:#f1f5b3;box-shadow:0 4px 30px #dce4722b}.launch-icon{font-size:23px;font-weight:400;line-height:1}.secondary-link{font-size:14px;color:#d2e0e3;display:flex;align-items:center;gap:15px;padding:12px 0}.secondary-link span{color:#8bc4c2}.secondary-link:hover{color:#a5e9de}.mission-assurance{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;color:#b4c8d0;font-size:14px}.mission-assurance span:before{content:"✓";color:#93c4b9;margin-right:7px}.node-console{border:1px solid #b2d9dd36;border-radius:12px;padding:23px;background:linear-gradient(135deg,#0e212de0,#0a1823de);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 55px #00000020;position:relative}.node-console:before{content:"";position:absolute;height:2px;width:48px;background:#8dd5ca;top:-1px;left:24px;border-radius:2px}.node-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#e0ebee}.node-heading b{font-size:12px;font-weight:400;color:#9cd9ca;border:1px solid #89cfb72d;background:#90dfbe08;border-radius:20px;padding:3px 9px}.node-summary{display:flex;align-items:center;gap:15px;padding:27px 0}.node-orbit{width:66px;height:66px;position:relative;display:grid;place-items:center;flex-shrink:0}.orbit-ring{position:absolute;inset:0;border:1px solid #8cd9d228;border-top-color:#91d7cd;border-radius:50%;animation:node-turn 32s linear infinite}.orbit-ring.inner{inset:7px;border-top-color:transparent;border-bottom-color:#afc7736b;animation-direction:reverse}.orbit-core{font:500 17px var(--mono);color:#b5dad6}.orbit-pin{display:none}.node-label{display:block;color:#96b2bd;font-size:12px;margin-bottom:5px}.node-id{display:block;font:500 19px/1.45 var(--mono);color:#e0ebeb;overflow-wrap:anywhere}.node-details{margin:0;padding:19px 0;border-top:1px solid #a7cbd023;border-bottom:1px solid #a7cbd023}.node-details div{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:16px;font-size:14px}.node-details div:last-child{margin-bottom:0}.node-details dt{color:#99b0bb;flex-shrink:0}.node-details dd{margin:0;color:#d1dee2;text-align:right;overflow-wrap:anywhere}.device-state{color:#b7c3c8}.device-state:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#738e98;margin:0 7px 2px 0}.node-link{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#b3d7d0;margin-top:19px}.network-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #a7cbd028;background:#091823d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:23px 0}.rail-metric{padding:0 30px;border-right:1px solid #a7cbd023}.rail-metric:last-child{border-right:0}.rail-metric span{display:block;font-size:14px;color:#b4c8d0}.rail-metric strong{display:block;font:400 26px/1.3 var(--mono);margin-top:13px;color:#dfebee}.deck-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#b4c8d0;margin-top:20px}.deck-foot a{color:#aabdc6}.deck-foot a span{margin-left:9px}.page-head{padding:4px 0 28px;margin-bottom:24px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.page-head h1{font-size:36px;line-height:1.35;font-weight:600;margin:10px 0}.page-head p{font-size:15px;color:#b7cbd3}.eyebrow{font:13px var(--sans);letter-spacing:.1em;color:#9bc8c5}.card,.stat{border:1px solid #b2d9dd29;border-radius:10px;background:#091a26e3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card{padding:24px}.card h3{font-size:18px;font-weight:500;margin-bottom:15px}.card p,.step p,.notice,.check-row{font-size:14px;line-height:1.9}.card p{color:#b0c5ce}.section-head{margin-top:30px}.section-head h2{font-size:22px;font-weight:500;margin-top:7px}.section-head p,.stat label,.field label,.metric span{font-size:13px}.stat strong{font:400 25px var(--mono)}.metric{border:1px solid #9abfc520;border-radius:6px;background:#06131dcc;padding:14px}.metric b{font:400 15px/1.6 var(--mono);color:#dae7ec}.button{border-radius:5px;border:1px solid #b3d2d039;min-height:44px;font:500 14px var(--sans);background:#102631cc}.button:hover{transform:none;background:#203b47}.button.primary{background:#e8ed87;color:#16202a;border-color:#e8ed87}.button.primary:hover{background:#f1f5b3}.tabs button,.segmented button{font:14px var(--sans);border-radius:5px;min-height:38px}.tabs button.active,.segmented button.active{background:#92ccbf14;border-color:#b8dbcc66;color:#c2e1d6}.pill,.status{font:12px var(--sans);padding:4px 10px}.status.offline{color:#becbd1;border-color:#becbd13b}.field input,.field select,.field textarea{font:15px var(--sans);border-radius:5px;background:#0b1b29}.toggle{font-size:14px}.callout,.empty{border-radius:8px;background:#0c1f2ae0;font-size:14px;border-color:#8dbeba38}th,td{font-size:14px;line-height:1.6}table{background:#081924e6}th{background:#182c38f2}@keyframes node-turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.deck-content{min-height:660px}}@media(max-width:1100px){.shell{padding:0 30px}.deck-content{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.mission-console h1{font-size:43px}nav{gap:20px}.mission-actions{gap:15px}.node-console{padding:20px}.node-id{font-size:17px}.rail-metric{padding:0 23px}}@media(max-width:850px){.shell{padding:0 24px}.topbar{min-height:0;padding:20px 0 0;gap:17px}.topbar nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:27px;scrollbar-width:none;padding:0}nav a{white-space:nowrap;padding:12px 0 16px}.deck-content{gap:24px;padding:43px 0 36px;min-height:550px;grid-template-columns:minmax(0,1fr) 280px}.mission-console h1{font-size:35px}.mission-copy{font-size:15px}.launch-button{min-width:210px}.node-summary{gap:10px}.node-orbit{width:49px;height:49px}.node-id{font-size:16px}.node-details div{gap:13px;font-size:13px}.node-console{padding:18px}.node-heading{font-size:14px}.node-heading b{font-size:11px}.rail-metric{padding:0 18px}}@media(max-width:650px){.shell{padding:0 20px}.brand{font-size:15px;gap:9px}.brand .muted{font-size:12px;padding-left:9px}.command-home main{padding-top:21px}.deck-top{align-items:center;font-size:12px;gap:10px}.availability{font-size:11px;padding:3px 8px}.deck-content{grid-template-columns:1fr;gap:32px;padding:41px 0 30px;min-height:0}.hero-wordmark{font-size:14px}.mission-index{font-size:12px;margin-bottom:23px}.mission-console h1{font-size:37px;line-height:1.35;margin-bottom:20px;letter-spacing:0}.mission-copy{font-size:16px;margin-bottom:28px}.mission-actions{display:grid;grid-template-columns:1fr;gap:15px}.launch-button{min-width:0;width:100%;min-height:58px}.secondary-link{justify-content:center;font-size:14px;padding:3px 0}.mission-assurance{justify-content:center;gap:14px;font-size:14px;margin-top:20px}.node-console{padding:22px}.node-heading{font-size:16px}.node-heading b{font-size:12px}.node-summary{gap:16px;padding:24px 0}.node-orbit{width:58px;height:58px}.node-id{font-size:19px}.node-label{font-size:12px}.node-details div{font-size:14px}.network-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.rail-metric{padding:21px 22px}.rail-metric:nth-child(2){border:0}.rail-metric:nth-child(-n+2){border-bottom:1px solid #a7cbd023}.rail-metric span{font-size:14px}.rail-metric strong{font-size:24px}.deck-foot{flex-direction:column;align-items:flex-start;gap:12px;font-size:14px}.page-head h1{font-size:32px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}}@media(max-width:370px){.shell{padding:0 15px}.brand .muted{display:none}.mission-console h1{font-size:32px}.deck-top{font-size:11px}.mission-assurance{gap:12px}.node-id{font-size:17px}}@media(prefers-reduced-motion:reduce){.orbit-ring{animation:none}}.contribution-progress{border:1px solid #a0d1d537;border-radius:14px;background:linear-gradient(120deg,#0a1e2cf2,#061420e3);padding:27px 30px;margin-bottom:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contribution-progress:before{content:"";position:absolute;left:30px;top:0;width:75px;height:2px;background:linear-gradient(90deg,#8be3da,transparent)}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.progress-heading h2{font-size:24px;font-weight:500;margin:9px 0 0}.progress-heading .eyebrow{font-size:13px;letter-spacing:.02em;color:#8eb0be}.progress-state{font-size:13px;border:1px solid #a9d4ca36;border-radius:20px;padding:6px 13px;color:#bfdcd5;background:#8fcdb408;white-space:nowrap}.progress-state:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#92b4b6;margin:0 7px 2px 0}.progress-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:center;padding:18px 0 19px}.progress-dial{position:relative;width:240px;height:240px;margin:auto}.progress-dial svg{width:100%;height:100%;transform:rotate(-90deg);fill:none}.dial-track{stroke:#34546266;stroke-width:6}.dial-ticks{stroke:#59809055;stroke-width:5;stroke-dasharray:1 11}.dial-value{stroke:#99e4d8;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .65s ease}.dial-orbit{stroke:#829b6966;stroke-width:1;stroke-dasharray:90 40 2 40}.dial-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.dial-content>span{font-size:13px;color:#93b3c0}.dial-content strong{font:500 39px var(--sans);color:#d7eae7;line-height:1.3}.dial-content strong small{font:16px var(--sans);margin-left:3px}.dial-content>small{font-size:12px;color:#a1b9c1}.work-title>span{font-size:13px;color:#95b5c1;display:block}.work-title b{display:block;font-size:24px;font-weight:500;margin:6px 0}.work-title small{font-size:14px;color:#abbec6}.work-meter{height:7px;background:#4467763d;border-radius:6px;position:relative;overflow:hidden;margin:24px 0}.work-meter>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#609eae,#a3e7cb);box-shadow:0 0 15px #72ccb569;transition:width .65s ease}.work-meter>i{position:absolute;inset:0;width:28%;background:linear-gradient(90deg,transparent,#9de5d0,transparent);animation:work-beam 2.8s ease-in-out infinite}.work-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-details>div{border-left:1px solid #7ba4b835;padding-left:17px}.work-details span{display:block;color:#93b2bf;font-size:13px}.work-details b{display:block;margin-top:9px;font-size:18px;font-weight:400;color:#d4e5e9}.work-details .earned-credit{color:#e2e99d}.progress-steps{list-style:none;margin:0;padding:20px 0;border-top:1px solid #86adbd25;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.progress-steps li{display:flex;align-items:center;gap:10px;color:#829aa6;font-size:14px;position:relative}.progress-steps li:not(:last-child):after{content:"";height:1px;background:#7393a02b;position:absolute;right:0;width:20%;top:50%}.progress-steps li>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #86adbd32;border-radius:50%;font:11px var(--mono)}.progress-steps li>b{font-weight:400}.progress-steps li.current{color:#d8e8dd}.progress-steps li.current>span{border-color:#9ee1c6;background:#9ee1c610;color:#a2e3cb}.progress-steps li.past{color:#97c1b4}.progress-steps li.past>span{border-color:#8ebcac61}.progress-bottom{border-top:1px solid #86adbd25;padding-top:16px}.progress-bottom p{font-size:13px;color:#a8bdc7;margin:0 0 12px}.progress-history{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#789cae}.progress-history span:before{content:"·";margin-right:7px;color:#a6caca}.is-active .dial-orbit{animation:progress-orbit 15s linear infinite}.is-active .progress-state:before{background:#9ce0c3;box-shadow:0 0 9px #9ce0c34a}.is-paused .dial-content strong{color:#e7d59e}@keyframes progress-orbit{to{transform:rotate(360deg);transform-origin:center}}@keyframes work-beam{0%{transform:translate(-100%)}to{transform:translate(460%)}}.progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px}.progress-bottom .actions{margin:0;flex-shrink:0}.progress-bottom p,.progress-history,.progress-heading .eyebrow,.progress-state,.dial-content>span,.dial-content>small,.work-title>span,.work-details span{font-size:14px}.dial-value{filter:drop-shadow(0 0 5px #8be3da44)}.dial-orbit{transform-origin:120px 120px}.work-details b{font-size:20px}.progress-heading h2{font-size:26px}@media(max-width:850px){.progress-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.progress-dial{width:190px;height:190px}.work-details{gap:12px}.work-details b{font-size:16px}.progress-steps{gap:12px}.progress-steps li{font-size:13px}.progress-steps li:not(:last-child):after{display:none}}@media(max-width:560px){.contribution-progress{padding:22px 20px}.progress-heading{align-items:start;gap:12px}.progress-heading h2{font-size:22px}.progress-heading .eyebrow{font-size:12px}.progress-state{font-size:12px;padding:5px 10px}.progress-layout{grid-template-columns:1fr;gap:8px;padding:20px 0}.progress-dial{width:205px;height:205px}.work-title b{font-size:22px}.work-details>div{padding-left:10px}.work-details span{font-size:12px}.work-details b{font-size:15px}.progress-steps{grid-template-columns:1fr 1fr;gap:14px}.progress-steps li{font-size:14px}.progress-history{font-size:12px}}@media(prefers-reduced-motion:reduce){.is-active .dial-orbit,.work-meter>i{animation:none}.dial-value,.work-meter>span{transition:none}}@media(max-width:850px){.progress-bottom{align-items:flex-start;flex-direction:column}.progress-bottom .actions{flex-wrap:wrap}}@media(max-width:560px){.progress-heading{flex-wrap:wrap}.progress-heading .eyebrow,.progress-state,.work-details span,.progress-history,.progress-bottom p{font-size:14px}.work-details b{font-size:17px}.progress-bottom .actions{width:100%}.progress-bottom .button{flex:1}}
