.ozone-animation{margin:0 0 16px;padding:15px 14px 12px;border:1px solid rgba(196,226,211,.28);border-radius:18px;background:linear-gradient(145deg,rgba(20,48,39,.9),rgba(12,31,27,.96));color:#f4fbf7;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.ozone-animation-title{font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:800;color:#f3cc75;margin-bottom:5px;text-align:center}
.ozone-animation svg{display:block;width:100%;height:auto;overflow:visible}
.ozone-animation text{font-family:inherit;fill:#e9f5ef;font-size:18px;font-weight:700}
.ozone-animation circle{stroke-width:3;transition:filter .35s,transform .35s;transform-box:fill-box;transform-origin:center}
.sun-node{fill:#e9b94f;stroke:#fff0ad}.cfc-node{fill:#6b7fca;stroke:#c7d0ff}.chlorine-node{fill:#d57f55;stroke:#ffd2ad}.ozone-node{fill:#4eb696;stroke:#b8f6df}
.ozone-link,.ozone-loop{fill:none;stroke:#f0c96b;stroke-width:4;stroke-dasharray:9 8;opacity:.2;transition:opacity .4s,stroke-dashoffset .8s}.ozone-link.is-on,.ozone-loop.is-on{opacity:1;animation:ozone-flow 1s linear infinite}
.ozone-loop-label{font-size:15px!important;fill:#cce9dc!important}
.ozone-animation-caption{margin:8px 0 10px;text-align:center;color:#dcece5;min-height:2.8em;line-height:1.65;font-size:.98rem}
.ozone-script{margin:8px auto 12px;max-width:760px;color:#f7f3df;background:rgba(255,255,255,.08);border-right:4px solid #f0c96b;padding:10px 12px;border-radius:10px;line-height:1.8;font-size:.94rem}
.ozone-animation-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ozone-animation-actions button{border:1px solid rgba(240,201,107,.65);background:#224a3b;color:#fff7d5;border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}.ozone-animation-actions button:hover{background:#2f6650}.ozone-animation-actions button:disabled{opacity:.65;cursor:default}
.ozone-dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#102b23;color:#f4fbf7;padding:clamp(18px,4vw,54px);box-shadow:none}.ozone-dialog::backdrop{background:#06120ecc}.ozone-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#f3cc75;font-size:clamp(1.2rem,2.5vw,2rem)}.ozone-dialog-close{border:1px solid #d6b765;background:#214c3b;color:#fff7d5;border-radius:999px;padding:9px 16px;font:inherit;cursor:pointer}.ozone-dialog-content{display:grid;place-items:center;height:calc(100% - 58px)}.ozone-dialog-content svg{width:min(96vw,1250px);height:auto;display:block}.ozone-dialog-content text{font-family:inherit;fill:#e9f5ef;font-size:24px;font-weight:700}.ozone-dialog-content circle{stroke-width:4}.easy-summary{margin-top:14px;padding:15px 16px;border-radius:16px;background:#173f31;border:1px solid #e4c469;color:#fff}.easy-summary h3{margin:0 0 11px;color:#f7d77c}.easy-summary p{margin:12px 0 0;line-height:1.8;color:#f4fbf7}.summary-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-steps span{display:flex;align-items:center;gap:7px;padding:9px 8px;border-radius:10px;background:#245c47;border:1px solid rgba(255,255,255,.24);font-weight:700;color:#fff}.summary-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4b94d;color:#173f31;font-size:.85rem}@media(max-width:600px){.summary-steps{grid-template-columns:repeat(2,1fr)}}
@keyframes ozone-flow{to{stroke-dashoffset:-34}}
.law-example{display:block;margin-top:10px;color:#22634d;font-size:.9rem;line-height:1.6}
.definition-note{display:block;margin-top:10px;color:#d5eadc;font-size:.9rem;line-height:1.7}
.summary-route{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:28px 8px;border:1px solid #e4c46955;border-radius:16px;background:linear-gradient(135deg,#173f31,#245c47);color:#fff}.summary-route span{padding:10px 13px;border-radius:10px;background:#f0c96b;color:#173f31;font-weight:800}.summary-route b{color:#f7d77c;font-size:13px}.summary-ending{margin-top:18px;text-align:center;color:#e8f4eb;font-size:15px;line-height:1.8}
.ozone-animation.is-fullscreen{position:fixed;inset:0;z-index:9999;margin:0;border-radius:0;padding:clamp(20px,4vw,60px);display:flex;flex-direction:column;justify-content:center;overflow:auto;background:#0b211b}.ozone-animation.is-fullscreen svg{width:min(96vw,1180px);margin:0 auto}.ozone-animation.is-fullscreen .ozone-animation-title{font-size:clamp(1.4rem,3vw,2.5rem)}.ozone-animation.is-fullscreen .ozone-script{max-width:1000px;font-size:clamp(1rem,1.5vw,1.3rem)}
@media(max-width:700px){.ozone-animation text{font-size:15px}.ozone-loop-label{font-size:12px!important}.ozone-animation{padding:12px 8px}}