body{margin:0}*{box-sizing:border-box}html,body,#root{scrollbar-width:none;-ms-overflow-style:none;background:#00111f;width:100%;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden auto}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}#root::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.ocean-page::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body{padding-right:0!important}.ocean-page{color:#fff;background:radial-gradient(circle at 50% 8%,#11527a26,#0000 32%),linear-gradient(#000e1c40,#00050ed6),url(/ocean-bg.jpg) 50%/cover fixed;max-width:100%;min-height:100vh;padding:40px 16px;transition:background .9s;position:relative;overflow-x:hidden}.ocean-page:before{content:"";pointer-events:none;z-index:1;background:0 0;transition:background .9s;position:fixed;inset:0}.ocean-page.healthy:before{background:#00ffff08}.ocean-page.warning:before{background:#ffb42814}.ocean-page.warning-low:before{background:#ff6e1e2e}.ocean-page.critical:before{background:#00000080}.water-overlay{z-index:0;pointer-events:none;position:absolute;inset:0}.bubble-layer:before,.bubble-layer:after{content:"";pointer-events:none;z-index:0;opacity:.14;background:#64dcff99;border-radius:50%;width:10px;height:10px;animation:10s linear infinite bgBubbles;position:fixed;bottom:-120px;left:5%;box-shadow:60px -50px #64dcff4d,150px -20px #64dcff80,280px -80px #64dcff66,460px -30px #64dcff99,700px -60px #64dcff4d,920px -40px #64dcff80}.bubble-layer:after{opacity:.1;animation-duration:14s;left:35%}@keyframes bgBubbles{0%{transform:translateY(0)}to{transform:translateY(-110vh)}}.hero,.glass{z-index:2;position:relative}.glass{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#051c2fc2,#031221bd);border:1px solid #53c7d826;border-radius:22px;max-width:1500px;margin:0 auto 20px;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff05}.hero{text-align:center;margin-bottom:28px}.hero h1{letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg,#fff,#27f5ff);color:#0000;text-shadow:0 0 18px #2ee1e624,0 8px 25px #0000003d;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,8vw,92px)}.hero p{letter-spacing:5px;text-transform:uppercase;color:#bee4ecbd;margin:10px 0}.wave-line{color:#27f5ff;font-size:28px}.challenge-toast{color:#1a0f00;z-index:1000;cursor:pointer;background:#ffda28f5;border:0;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700;animation:.35s toastIn;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 28px #ffda2873}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.main-layout{background:linear-gradient(145deg,#031627e0,#020d1af0);border-color:#52d3e12e;grid-template-columns:390px 1fr;gap:0;min-height:610px;padding:0;display:grid;overflow:hidden;box-shadow:0 22px 60px #00000057,inset 0 1px #ffffff06}.main-layout.glass{border-radius:0}.sliders-col{background:linear-gradient(#03182beb,#020e1cf0);border-right:1px solid #57cddb26;flex-direction:column;gap:0;padding:22px 20px;display:flex}.slider-row{border-bottom:1px solid #82d6e20f;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:9px 0;display:grid}.slider-row:last-of-type{border-bottom:none}.slider-icon{background:#27f5ff0b;border:1px solid #49cfdb59;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid;box-shadow:0 0 11px #27f5ff14}.slider-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.slider-head h3{letter-spacing:1px;text-transform:uppercase;color:#eaf9fbeb;margin:0;font-size:12px}.slider-head p{color:#bbd5dc9e;max-width:220px;margin:3px 0 0;font-size:11px;line-height:1.35}.slider-value{text-align:right;flex-shrink:0}.slider-value strong{color:#27f5ff;font-size:21px;line-height:1;display:block}.slider-value span{color:#27f5ff;text-transform:uppercase;border:1px solid #27f5ff61;border-radius:6px;margin-top:3px;padding:2px 8px;font-size:10px;display:inline-block}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#2bc4cbbd,#1d689a73);border-radius:999px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#68e3e7;border:3px solid #052536eb;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 2px #5be8ed1a,0 0 12px #53e1e847}input[type=range]::-moz-range-thumb{background:#68e3e7;border:3px solid #052536eb;border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px #53e1e847}.mini-health{background:#02111f6b;border:1px solid #4ec9d814;border-radius:12px;margin-top:12px;padding:12px}.mini-health-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff9e;margin-bottom:6px;font-size:11px}.mini-health-bar{background:#ffffff0f;border-radius:999px;height:8px;margin-bottom:4px;overflow:hidden}.mini-health-fill{border-radius:999px;height:100%;transition:width .5s,background .5s;box-shadow:0 0 10px #27f5ff3d}.mini-health-pct{font-size:22px;font-weight:700;transition:color .5s}.reset-btn{color:#def8faeb;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#0e4c5f73,#05273d9e);border:1px solid #53d0dd47;border-radius:12px;width:100%;margin-top:10px;padding:10px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 5px 16px #00000024}.reset-btn:hover{background:linear-gradient(135deg,#10607085,#063249ad);transform:translateY(-1px)}.canvas-col{isolation:isolate;background:radial-gradient(at 50% 38%,#0a37582e,#020c1a14 48%,#00061061 100%);flex-direction:column;min-height:610px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #0008149e,inset 0 -45px 75px #0006}.canvas-col:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(#0000 33%,#00060f06 55%,#00050d1f 79%,#0002093d 100%);position:absolute;inset:0}.canvas-col .animals-panel{z-index:5;border-radius:0;max-width:none;margin:0;position:relative}.ocean-canvas{z-index:1;cursor:crosshair;filter:contrast(1.04)saturate(.93);background:linear-gradient(#073554 0%,#041f38 46%,#020c18 100%);flex:1;width:100%;height:100%;min-height:440px;display:block;position:relative;box-shadow:inset 0 18px 40px #3897ca06,inset 0 -45px 75px #0000006b}.canvas-hint,.year-badge{z-index:5;color:#ceecf1d6;-webkit-backdrop-filter:blur(10px);background:#010c17b8;border:1px solid #4cd1dd24;box-shadow:0 5px 18px #00000038}.canvas-hint{pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:12px;position:absolute;top:auto;bottom:42px;left:50%;transform:translate(-50%)}.year-badge{pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.animals-panel{background:linear-gradient(135deg,#051c31eb,#031223e6);border-bottom:1px solid #56d3e024;padding:20px 22px;box-shadow:0 12px 30px #0000002e,inset 0 1px #ffffff06}.animals-panel h2{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#d4f6faeb;text-shadow:0 0 14px #3ed7e021;margin:0 0 12px;font-size:15px}.animals-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;display:grid}.animal-card{text-align:center;background:linear-gradient(145deg,#082237cc,#041526b8);border:1px solid #62ccdb1a;border-radius:10px;padding:10px;transition:transform .25s,border-color .25s,background .25s;box-shadow:inset 0 1px #ffffff05,0 5px 14px #0000001c}.animal-card:hover{border-color:#4ad2dd3d;transform:translateY(-2px)}.animal-card.alive{background:linear-gradient(145deg,#06313fa8,#041b2ab8);border-color:#45d3db40;box-shadow:0 0 12px #27f5ff0e,inset 0 1px #ffffff05}.animal-card.atrisk{background:linear-gradient(145deg,#44261d9e,#2a161bad);border-color:#ed7f4d38}.animal-name{color:#e3f7f9eb;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.animal-status{color:#d2e5eaad;margin-bottom:7px;font-size:11px;display:block}.animal-bar{background:#ffffff0f;border-radius:999px;height:5px;overflow:hidden}.animal-bar div{background:linear-gradient(90deg,#2bc4cb,#67dfce);border-radius:999px;height:100%;transition:width .6s;box-shadow:0 0 8px #40dad240}.animal-card.atrisk .animal-bar div{background:linear-gradient(90deg,#d66e3f,#eaa353);box-shadow:0 0 8px #e78f462e}.result-panel{padding:30px}.result-top{grid-template-columns:260px 310px minmax(330px,1.08fr) minmax(340px,1fr);align-items:start;gap:20px;display:grid}.health-circle,.ohi-risk-box,.habitat-panel,.scenario-info{align-self:stretch;min-width:0}.health-circle{justify-content:center;align-items:flex-start;display:flex}.health-ring{border-radius:50%;place-items:center;width:260px;height:260px;animation:3.6s ease-in-out infinite deepSeaPulse;display:grid}@keyframes deepSeaPulse{0%,to{box-shadow:0 0 18px #27f5ff21}50%{box-shadow:0 0 35px #27f5ff40}}.health-inner{text-align:center;background:#000e1cf2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:202px;height:202px;padding:18px;display:flex;box-shadow:inset 0 0 30px #27f5ff1f}.health-title{letter-spacing:1.6px;text-transform:uppercase;color:#8fefff;margin-bottom:10px;font-size:11px;line-height:1.4}.health-inner strong{color:#fff;margin-bottom:10px;font-size:58px;line-height:1}.health-inner em{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-style:normal;font-weight:700;transition:color .5s}.ocean-page.healthy .health-inner em{color:#7dff9b}.ocean-page.warning .health-inner em{color:#ffd36b}.ocean-page.warning-low .health-inner em{color:#ff9040}.ocean-page.critical .health-inner em{color:#ff6b6b}.ohi-risk-box,.habitat-panel,.scenario-info{background:linear-gradient(145deg,#051d31b8,#031424b3);border:1px solid #4bc7d62e;border-radius:16px;padding:16px;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff05}.ohi-risk-box h3,.habitat-title{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#8fefff;margin:0 0 12px;font-size:13px}.ohi-scale-list,.habitat-panel{flex-direction:column;gap:7px;display:flex}.ohi-scale-row,.habitat-row{background:linear-gradient(145deg,#071f3385,#0313227a);border:1px solid #5fc1d214}.ohi-scale-row{opacity:.5;border-radius:10px;grid-template-columns:65px 1fr;align-items:center;gap:8px;padding:8px;transition:all .3s;display:grid}.ohi-scale-row.active{opacity:1;background:linear-gradient(145deg,#073d4a80,#04223494);border-color:#46d5dd4d;transform:scale(1.02);box-shadow:0 0 18px #3ddadc12,inset 0 1px #ffffff06}.ohi-scale-row .range{color:#27f5ff;font-size:12px;font-weight:700}.ohi-scale-row strong{text-transform:uppercase;font-size:12px;display:block}.ohi-scale-row p{color:#ffffffa6;margin:3px 0 0;font-size:11px}.habitat-row{opacity:.48;border-radius:10px;grid-template-columns:22px 1fr;align-items:start;gap:8px;padding:8px 10px;transition:all .3s;display:grid}.habitat-row.habitat-current{opacity:1;background:linear-gradient(145deg,#073d4a80,#04223494);border-color:#46d5dd4d;transform:scale(1.02);box-shadow:0 0 18px #3ddadc12,inset 0 1px #ffffff06}.habitat-row strong{margin-bottom:2px;font-size:12px;display:block}.habitat-row p{color:#ffffffa6;margin:0;font-size:11px;line-height:1.4}.scenario-info h2{letter-spacing:3px;text-transform:uppercase;color:#ffffffd6;margin-top:0;font-size:15px}.info-row{border-bottom:1px solid #ffffff1a;grid-template-columns:46px 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.info-row:last-child{border-bottom:none}.info-row span{background:#27f5ff0f;border:1px solid #27f5ff8c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.info-row h4{text-transform:uppercase;color:#ffffffb3;margin:0;font-size:11px}.info-row p{color:#8deef5;margin:4px 0 0;font-size:12px;line-height:1.42}.scientific-note{color:#b6cfd5bf;background:#02111e7a;border-left:3px solid #49cfdbb3;max-width:1040px;margin:22px auto 0;padding:12px 16px;font-size:12px;line-height:1.55}.habitats-overview{padding:26px}.habitats-overview>h2{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#27f5ff;margin:0 0 8px;font-size:16px}.habitats-intro{text-align:center;color:#ffffffb8;max-width:820px;margin:0 auto 20px;font-size:13px;line-height:1.55}.habitat-types-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.habitat-type-card{background:linear-gradient(145deg,#071f3385,#0313227a);border:1px solid #5fc1d214;border-radius:14px;grid-template-columns:46px 1fr;align-items:start;gap:12px;min-width:0;padding:16px;transition:transform .25s,border-color .25s,background .25s;display:grid;box-shadow:inset 0 1px #ffffff05}.habitat-type-card:hover{background:linear-gradient(145deg,#08283d94,#04172785);border-color:#4bcfdc2b;transform:translateY(-3px)}.habitat-type-icon{background:#27f5ff0e;border:1px solid #27f5ff52;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 0 11px #38d2db14}.habitat-type-card h3{color:#a7f7fb;margin:0 0 6px;font-size:13px}.habitat-type-card p{color:#ffffffba;margin:0;font-size:12px;line-height:1.5}.tips-panel{padding:22px}.tips-panel h2{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#27f5ff;margin-top:0;font-size:16px}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tip-card{color:#ffffffe0;background:linear-gradient(145deg,#071f3385,#0313227a);border:1px solid #5fc1d214;border-radius:12px;padding:11px 14px;font-size:13px}.ocean-visual{padding:28px}.ocean-visual h2{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#27f5ff;margin:0 0 24px;font-size:16px}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.impact-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#071f3385,#0313227a);border:1px solid #5fc1d214;border-radius:16px;padding:18px;transition:transform .3s,border-color .3s}.impact-card:hover{transform:translateY(-4px)}.impact-card h3{margin-top:0;margin-bottom:10px;font-size:14px}.impact-card p{color:#ffffffd1;margin:0;font-size:13px;line-height:1.6}.danger{border-color:#ff464666;box-shadow:0 0 18px #ff46461a}.warning{border-color:#ffaa3c66;box-shadow:0 0 18px #ffaa3c1a}.critical{background:#3c000040;border-color:#ff00008f;box-shadow:0 0 26px #ff000024}.healthy-card{border-color:#27f5ff52;box-shadow:0 0 18px #27f5ff14}.bottom-text{text-align:center;color:#ffffffb3;margin-top:24px;font-size:14px}@media (width<=1320px){.result-top{grid-template-columns:260px 310px 1fr}.scenario-info{grid-column:span 3}}@media (width<=1040px){.main-layout{grid-template-columns:1fr}.sliders-col{border-bottom:1px solid #57cddb26;border-right:none}.canvas-col{min-height:520px}.canvas-col:after{background:radial-gradient(#0000 30%,#00050e1a 76%,#00020933 100%)}.result-top{grid-template-columns:1fr 1fr}.scenario-info{grid-column:auto}.animals-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.habitat-types-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.ocean-page{padding:24px 10px}.hero h1{letter-spacing:3px}.hero p{letter-spacing:2px;font-size:11px}.result-panel{padding:18px}.result-top{grid-template-columns:1fr}.health-circle{justify-content:center}.animals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-card{padding:9px 8px}.canvas-hint{white-space:normal;text-align:center;max-width:90%;top:auto;bottom:42px}}@media (width<=480px){.sliders-col{padding:18px 14px}.slider-row{grid-template-columns:38px 1fr}.slider-icon{width:36px;height:36px}.animals-grid,.habitat-types-grid{grid-template-columns:1fr}.habitat-type-card{grid-template-columns:42px 1fr}.health-ring{width:230px;height:230px}.health-inner{width:178px;height:178px}}.coral-page{color:#eafcff;background:linear-gradient(#051622 0%,#072538 45%,#04141f 100%);min-height:100vh;padding:40px 24px 80px;font-family:inherit;position:relative}.coral-page .water-overlay{pointer-events:none;background:radial-gradient(at 50% -10%,#27f5ff14,#0000 60%);position:fixed;inset:0}.coral-back-link{color:#b6e6ebcc;margin-bottom:18px;font-size:13px;text-decoration:none;display:inline-block}.coral-back-link:hover{color:#27f5ff}.coral-story-kicker{color:#ffd166;letter-spacing:1.2px;text-transform:uppercase;background:#ffd1661f;border:1px solid #ffd16659;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.coral-story-intro{color:#ffffffd9;max-width:720px;margin:14px 0 0;font-size:14.5px;font-style:italic;line-height:1.7}.coral-3d-wrap{aspect-ratio:560/460;background:#0d5a78;border:1px solid #5fc1d224;border-radius:18px;width:100%;max-width:560px;position:relative;overflow:hidden}.coral-3d-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#0000008c 100%);position:absolute;inset:0}.coral-3d-canvas{width:100%;height:100%}.coral-3d-canvas canvas{display:block;width:100%!important;height:100%!important}.coral-3d-loading{color:#b6e6ebcc;letter-spacing:.5px;background:#020c1480;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.coral-3d-callout{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eafcff;background:#04101ac7;border:1px solid #27f5ff47;border-radius:12px;padding:10px 14px;font-size:12px;line-height:1.4;animation:.35s coral-callout-in;position:absolute;top:12px;left:12px;right:12px}.coral-3d-callout strong{color:#a7f7fb}@keyframes coral-callout-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.coral-3d-hint{color:#b6e6eba6;letter-spacing:.3px;background:#020c148c;border-radius:999px;padding:4px 10px;font-size:10.5px;position:absolute;bottom:10px;right:12px}.coral-3d-fullscreen-btn{color:#eafcff;cursor:pointer;background:#04101a99;border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:background .2s;position:absolute;top:12px;right:12px}.coral-3d-fullscreen-btn:hover{background:#04101ad9}.coral-stage-buttons{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:42px;left:12px}.coral-stage-btn{color:#ffffffd9;cursor:pointer;background:#04101a99;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.coral-stage-btn:hover{background:#04101ad9}.coral-stage-btn.active{color:#eafcff;background:#27f5ff38;border-color:#27f5ff8c}.coral-stage-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #4ade80e6}.coral-stage-live-btn{color:#bff5d0;background:#4ade801f;border-color:#4ade8066}.coral-3d-wrap.is-fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;max-width:none;height:100vh}.coral-3d-cause-mobile{display:none}.coral-group{max-width:1040px;margin:0 auto 40px}.coral-group-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.coral-group-header h2{letter-spacing:1px;color:#a7f7fb;margin:0;font-size:17px}.coral-group-value{color:#b6cfd5bf;white-space:nowrap;font-size:12.5px}.coral-group-blurb{color:#fff9;margin:0 0 16px;font-size:12.5px}.coral-list-name h3{color:#eafcff;text-transform:capitalize;margin:0;font-size:14px}@media (width<=640px){.coral-3d-cause-mobile{text-align:center;margin-top:10px;display:block}}.coral-list-hero{text-align:center;max-width:760px;margin:0 auto 32px}.coral-list-hero h1{letter-spacing:.5px;color:#a7f7fb;margin:0 0 10px;font-size:30px}.coral-list-hero p{color:#ffffffb8;margin:0;font-size:14px;line-height:1.6}.coral-list-grid{flex-direction:column;gap:14px;max-width:900px;margin:0 auto;display:flex}.coral-list-card{color:inherit;background:linear-gradient(145deg,#071f3399,#0313228c);border:1px solid #5fc1d21a;border-radius:16px;grid-template-columns:84px 1fr 24px;align-items:center;gap:18px;padding:14px 18px;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}.coral-list-card:hover{border-color:#27f5ff59;transform:translate(4px)}.coral-list-thumb{background:#020c1499;border-radius:10px;width:84px;height:68px;overflow:hidden}.coral-list-thumb img{object-fit:cover;width:100%;height:100%;transition:filter .4s}.coral-list-info{flex-direction:column;gap:4px;display:flex}.coral-list-name{align-items:center;gap:8px;display:flex}.coral-list-name h2{color:#eafcff;margin:0;font-size:15px}.coral-list-driver{color:#b6cfd5bf;font-size:12px}.coral-list-stage{color:#27f5ff;background:#27f5ff1f;border-radius:999px;align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:11px;font-weight:600}.coral-list-stage.stage-1{color:#ffb430;background:#ffb43024}.coral-list-stage.stage-2{color:#ff8a30;background:#ff823029}.coral-list-stage.stage-3{color:#ff4040;background:#ff404029}.coral-list-arrow{color:#ffffff59;font-size:18px}.coral-detail-hero{max-width:1040px;margin:0 auto 24px}.coral-detail-title{align-items:center;gap:14px;display:flex}.coral-detail-icon{background:#27f5ff0f;border:1px solid #27f5ff52;border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.coral-detail-title h1{color:#a7f7fb;margin:0;font-size:26px}.coral-detail-title p{color:#b6cfd5bf;margin:2px 0 0;font-size:13px}.coral-detail-body{grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:0 auto;display:grid}.coral-detail-stage-column{flex-direction:column;gap:16px;display:flex}.coral-detail-stage-badge{color:#27f5ff;background:#27f5ff1f;border:1px solid #27f5ff47;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:12.5px;font-weight:600}.coral-detail-stage-badge.stage-1{color:#ffb430;background:#ffb4301f;border-color:#ffb43047}.coral-detail-stage-badge.stage-2{color:#ff8a30;background:#ff823024;border-color:#ff82304d}.coral-detail-stage-badge.stage-3{color:#ff4040;background:#ff404024;border-color:#ff40404d}.coral-detail-cause{color:#fffc;margin:0;font-size:14px;line-height:1.6}.coral-timeline{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.coral-timeline-item{opacity:.4;border-left:2px solid #ffffff14;grid-template-columns:16px 1fr;gap:12px;padding:10px 4px 10px 14px;transition:opacity .3s;display:grid}.coral-timeline-item.reached{opacity:1;border-left-color:#27f5ff66}.coral-timeline-item.current{border-left-color:#27f5ff}.coral-timeline-dot{background:#ffffff26;border-radius:50%;width:10px;height:10px;margin-top:4px}.coral-timeline-item.reached .coral-timeline-dot{background:#27f5ff99}.coral-timeline-item.current .coral-timeline-dot{background:#27f5ff;box-shadow:0 0 8px #27f5ffcc}.coral-timeline-item strong{color:#eafcff;font-size:13px;display:block}.coral-timeline-threshold{color:#b6cfd5a6;margin:1px 0 4px;font-size:11px;display:block}.coral-timeline-item p{color:#ffffffa6;margin:0;font-size:12.5px;line-height:1.5}.coral-detail-canvas-column{flex-direction:column;align-items:center;gap:10px;display:flex}.coral-break-canvas{aspect-ratio:480/420;background:radial-gradient(at 50% 20%,#27f5ff0f,#020c1499);border:1px solid #5fc1d21f;border-radius:18px;width:100%;max-width:480px}.coral-detail-canvas-caption{text-align:center;color:#b6cfd58c;max-width:420px;margin:0;font-size:11px;line-height:1.5}.coral-before-after{background:linear-gradient(145deg,#071f3385,#0313227a);border:1px solid #5fc1d21a;border-radius:16px;max-width:1040px;margin:40px auto 0;padding:22px 26px}.coral-before-after h2{letter-spacing:1.5px;text-transform:uppercase;color:#27f5ff;margin:0 0 16px;font-size:15px}.coral-bar-track{background:#ffffff14;border-radius:999px;height:14px;position:relative;overflow:visible}.coral-bar-fill{background:linear-gradient(90deg,#27f5ff,#ffb430 60%,#ff4040);border-radius:999px;height:100%;transition:width .4s}.coral-bar-marker{border-radius:2px;width:3px;height:24px;position:absolute;top:-5px;transform:translate(-50%)}.coral-bar-marker.baseline{background:#ffffff8c}.coral-bar-marker.current{background:#eafcff;box-shadow:0 0 6px #ffffffb3}.coral-bar-labels{color:#ffffffbf;justify-content:space-between;margin-top:14px;font-size:13px;display:flex}.coral-bar-labels strong{color:#eafcff}@media (width<=820px){.coral-detail-body{grid-template-columns:1fr}.coral-list-card{grid-template-columns:64px 1fr 20px}}