.diy-compass{position:absolute;top:8%;right:5%;width:180px;height:180px;color:#22d3ee26;pointer-events:none;z-index:0}@media(max-width:767px){.diy-compass{display:none}}[data-theme=light] .diy-compass{color:#0e74901f}.diy-storm-overlay{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 100%);transition:opacity .3s ease}[data-theme=light] .diy-storm-overlay{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.25) 100%)}.diy-voyage{position:relative;max-width:76rem;margin:0 auto;padding:0 1.5rem 4rem}@media(min-width:1024px){.diy-voyage{padding:0 2.5rem 2rem}}.diy-voyage-header{text-align:center;padding:4rem 0 6rem}@media(min-width:1024px){.diy-voyage-header{padding:6rem 0 10rem}}@media(max-width:1023px){.diy-voyage:before{content:"";position:absolute;left:50%;top:12rem;bottom:4rem;width:2px;transform:translate(-50%);background:repeating-linear-gradient(180deg,rgba(34,211,238,.06) 0px,rgba(34,211,238,.06) 6px,transparent 6px,transparent 14px);z-index:0;pointer-events:none}[data-theme=light] .diy-voyage:before{background:repeating-linear-gradient(180deg,rgba(14,116,144,.08) 0px,rgba(14,116,144,.08) 6px,transparent 6px,transparent 14px)}}.diy-trail{display:none}@media(min-width:1024px){.diy-trail{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}}.diy-trail-track{fill:none;stroke:#22d3ee14;stroke-width:2;stroke-dasharray:8 8}[data-theme=light] .diy-trail-track{stroke:#0e74901a}.diy-trail-fill{fill:none;stroke:url(#trailGradient);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .08s linear}[data-theme=light] .diy-trail-fill{stroke:url(#trailGradientLight)}.diy-trail-dot{fill:#0b1120e6;stroke:#22d3ee26;stroke-width:2;transition:all .5s cubic-bezier(.16,1,.3,1)}[data-theme=light] .diy-trail-dot{fill:#f8fbfd;stroke:#0e749033}.diy-trail-dot.is-active[data-mood=optimistic]{fill:#22c55e40;stroke:#22c55eb3;filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.diy-trail-dot.is-active[data-mood=uneasy]{fill:#f59e0b40;stroke:#f59e0bb3;filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.diy-trail-dot.is-active[data-mood=annoyed]{fill:#f9731640;stroke:#f97316b3;filter:drop-shadow(0 0 8px rgba(249,115,22,.4))}.diy-trail-dot.is-active[data-mood=drowning],.diy-trail-dot.is-active[data-mood=exhausted]{fill:#ef444440;stroke:#ef4444b3;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.diy-trail-dot.is-active[data-mood=crisis]{fill:#dc26264d;stroke:#dc2626cc;filter:drop-shadow(0 0 12px rgba(220,38,38,.5))}.diy-trail-dot.is-active[data-mood=sinking]{fill:#a855f740;stroke:#a855f7b3;filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}.diy-trail-dot.is-active[data-mood=despair]{fill:#6b728040;stroke:#9ca3af99;filter:drop-shadow(0 0 6px rgba(107,114,128,.3))}.diy-trail-dot.is-active[data-mood=treasure]{fill:#22d3ee4d;stroke:#22d3eecc;filter:drop-shadow(0 0 14px rgba(34,211,238,.5)) drop-shadow(0 0 30px rgba(34,211,238,.2))}.diy-waypoint{position:relative;padding:0;margin-bottom:2rem;z-index:2}@media(min-width:1024px){.diy-waypoint{margin-bottom:0;padding-bottom:16vh}.diy-waypoint:last-of-type{padding-bottom:8vh}}.diy-waypoint-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(34,211,238,.15);background:#0b1120b3;font-size:.625rem;color:#22d3ee66;letter-spacing:.05em;margin-bottom:.75rem}[data-theme=light] .diy-waypoint-number{background:#ffffffe6;border-color:#0e749033;color:#0e749066}@media(min-width:1024px){.diy-waypoint-number{display:none}}.diy-waypoint-inner{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.diy-waypoint-inner{display:grid;grid-template-columns:5fr 7fr;gap:2rem;min-height:90vh;align-items:center;overflow:visible}.diy-waypoint-reverse .diy-waypoint-inner{grid-template-columns:7fr 5fr}}.diy-waypoint-sticky{position:relative;z-index:3}.diy-waypoint-text{max-width:30rem;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.diy-waypoint.is-active .diy-waypoint-text{opacity:1;transform:translateY(0)}@media(min-width:1024px){.diy-waypoint-reverse .diy-waypoint-sticky{order:2}.diy-waypoint-reverse .diy-waypoint-visual{order:1}.diy-waypoint-reverse .diy-waypoint-text{margin-left:auto}}.diy-waypoint-visual{display:flex;align-items:center;justify-content:center;padding:1rem 0;position:relative;z-index:3}@media(min-width:1024px){.diy-waypoint-visual{padding:4vh 0;overflow:visible}}.diy-waypoint-visual-inner{width:100%;opacity:0;transform:translateY(40px) scale(.97);transition:opacity .8s cubic-bezier(.16,1,.3,1) .15s,transform .8s cubic-bezier(.16,1,.3,1) .15s}.diy-waypoint.is-active .diy-waypoint-visual-inner{opacity:1;transform:translateY(0) scale(1)}.diy-waypoint.is-active .landing-terminal-line{opacity:1;transform:translateY(0)}.diy-mood-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.diy-mood-tag[data-mood=optimistic]{color:#22c55ecc;background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.diy-mood-tag[data-mood=uneasy]{color:#f59e0bcc;background:#f59e0b14;border:1px solid rgba(245,158,11,.15)}.diy-mood-tag[data-mood=annoyed]{color:#f97316cc;background:#f9731614;border:1px solid rgba(249,115,22,.15)}.diy-mood-tag[data-mood=drowning]{color:#ef4444b3;background:#ef44440f;border:1px solid rgba(239,68,68,.12)}.diy-mood-tag[data-mood=exhausted]{color:#ef4444cc;background:#ef444414;border:1px solid rgba(239,68,68,.15)}.diy-mood-tag[data-mood=crisis]{color:#dc2626e6;background:#dc26261a;border:1px solid rgba(220,38,38,.2);animation:crisisPulse 2s ease-in-out infinite}.diy-mood-tag[data-mood=sinking]{color:#a855f7cc;background:#a855f714;border:1px solid rgba(168,85,247,.15)}.diy-mood-tag[data-mood=despair]{color:#9ca3afcc;background:#6b728014;border:1px solid rgba(107,114,128,.15)}.diy-mood-tag[data-mood=treasure]{color:#22d3eee6;background:#06b6d41a;border:1px solid rgba(34,211,238,.25);box-shadow:0 0 12px #22d3ee26}[data-theme=light] .diy-mood-tag[data-mood=treasure]{color:#0e7490e6;background:#0e749014;border-color:#0e749040;box-shadow:0 0 12px #0e74901a}@keyframes crisisPulse{0%,to{opacity:1}50%{opacity:.7}}.diy-yaml-stack{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 0}.diy-yaml-card{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.75rem;border-radius:.875rem;border:1px solid rgba(245,158,11,.1);background:#0b112080;transition:border-color .2s,transform .3s}.diy-yaml-card:hover{border-color:#f59e0b33}[data-theme=light] .diy-yaml-card{background:#fffc;border-color:#d977061f}[data-theme=light] .diy-yaml-card:hover{border-color:#d9770640}.diy-yaml-icon{font-size:1.25rem;opacity:.5}.diy-yaml-name{font-family:DM Mono,JetBrains Mono,monospace;font-size:.9375rem;color:#f59e0bb3}[data-theme=light] .diy-yaml-name{color:#d97706cc}.diy-yaml-lines{margin-left:auto;font-size:.6875rem;color:#e2e2e94d}[data-theme=light] .diy-yaml-lines{color:#0f172a59}[data-theme=light] .diy-cert-chain rect{stroke:#d9770673;fill:#d977060f}[data-theme=light] .diy-cert-chain text{fill:#0f172a8c}[data-theme=light] .diy-cert-chain path{stroke:#0f172a26}.diy-dashboard-chaos{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.diy-dash-tile{padding:1.5rem 1.25rem;border-radius:.75rem;border:1px solid rgba(239,68,68,.06);background:#0b112080;display:flex;flex-direction:column;gap:.5rem}[data-theme=light] .diy-dash-tile{background:#fffc;border-color:#dc26261a}.diy-dash-tile-label{font-size:.8125rem;font-weight:600;color:#e2e2e980;text-transform:uppercase;letter-spacing:.05em}.diy-dash-tile-status{font-family:DM Mono,monospace;font-size:.875rem;color:#e2e2e959}.diy-dash-tile-status.diy-dash-warn{color:#f59e0bb3}.diy-dash-tile-status.diy-dash-err{color:#ef4444b3}.diy-dash-tile-status.diy-dash-muted{color:#e2e2e940;font-style:italic}[data-theme=light] .diy-dash-tile-status.diy-dash-muted{color:#0f172a40}.diy-pipeline-diagram{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 2rem;border-radius:1rem;border:1px solid rgba(239,68,68,.08);background:#0b112066}[data-theme=light] .diy-pipeline-diagram{background:#fffc;border-color:#dc262614}.diy-pipe-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.diy-pipe-node{padding:.625rem 1.25rem;border-radius:.5rem;font-family:DM Mono,monospace;font-size:.875rem;font-weight:500;white-space:nowrap}.diy-pipe-ok{color:#22c55eb3;background:#22c55e0f;border:1px solid rgba(34,197,94,.12)}.diy-pipe-warn{color:#f59e0bb3;background:#f59e0b0f;border:1px solid rgba(245,158,11,.12)}.diy-pipe-err{color:#ef4444b3;background:#ef44440f;border:1px solid rgba(239,68,68,.12)}.diy-pipe-muted{color:#e2e2e959;background:#e2e2e908;border:1px solid rgba(226,226,233,.06)}[data-theme=light] .diy-pipe-muted{color:#0f172a59;background:#0f172a08;border-color:#0f172a14}.diy-pipe-arrow{color:#e2e2e933;font-size:1.125rem}[data-theme=light] .diy-pipe-arrow{color:#0f172a33}.diy-pipe-connector{color:#e2e2e926;font-size:1.125rem}[data-theme=light] .diy-pipe-connector{color:#0f172a26}.diy-phone-frame{max-width:26rem;margin:0 auto;border-radius:2rem;border:1px solid rgba(220,38,38,.15);background:linear-gradient(180deg,#0b1120e6,#0f0a0af2);padding:2.5rem 1.75rem 2rem;box-shadow:0 0 60px #dc26261a,0 0 120px #dc26260a}[data-theme=light] .diy-phone-frame{background:linear-gradient(180deg,#1a1a2e,#16131a);border-color:#dc262633}.diy-phone-time{text-align:center;font-size:3.5rem;font-weight:200;letter-spacing:.02em;color:#ffffffd9;margin-bottom:2rem;font-variant-numeric:tabular-nums}.diy-phone-notifications{display:flex;flex-direction:column;gap:.75rem}.diy-phone-notif{padding:1.125rem 1.25rem;border-radius:1rem;backdrop-filter:blur(12px)}.diy-phone-notif-critical{background:#dc26261f;border:1px solid rgba(220,38,38,.2)}.diy-phone-notif-warn{background:#f59e0b14;border:1px solid rgba(245,158,11,.12)}.diy-phone-notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.diy-phone-notif-app{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.04em}.diy-phone-notif-when{font-size:.6875rem;color:#ffffff4d}.diy-phone-notif-title{font-size:.9375rem;font-weight:600;color:#ffffffd9;line-height:1.3}.diy-phone-notif-body{font-size:.8125rem;color:#ffffff73;margin-top:.125rem}.diy-compat-matrix{border-radius:.75rem;border:1px solid rgba(107,114,128,.12);background:#0b112080;overflow:hidden}[data-theme=light] .diy-compat-matrix{background:#fffc;border-color:#6b728026}.diy-compat-header{display:grid;grid-template-columns:1fr repeat(3,5.5rem);gap:0;padding:1rem 1.5rem;border-bottom:1px solid rgba(107,114,128,.08);font-size:.8125rem;font-weight:600;color:#e2e2e980;text-align:center}.diy-compat-header span:first-child{text-align:left}[data-theme=light] .diy-compat-header{border-bottom-color:#6b72801f}.diy-compat-row{display:grid;grid-template-columns:1fr repeat(3,5.5rem);gap:0;padding:.875rem 1.5rem;border-bottom:1px solid rgba(107,114,128,.04);text-align:center;font-size:1rem}.diy-compat-row:last-child{border-bottom:none}[data-theme=light] .diy-compat-row{border-bottom-color:#6b728014}.diy-compat-tool{text-align:left;font-family:DM Mono,monospace;font-size:.875rem;color:#e2e2e980}.diy-compat-ok{color:#22c55eb3;font-weight:600}.diy-compat-warn{color:#f59e0b99}.diy-compat-no{color:#ef444499;font-weight:600}[data-theme=light] .diy-compat-ok{color:#16a34acc}[data-theme=light] .diy-compat-warn{color:#d97706b3}[data-theme=light] .diy-compat-no{color:#dc2626b3}.diy-crew-manifest{border-radius:.875rem;border:1px solid rgba(168,85,247,.12);background:#0b112080;overflow:hidden}[data-theme=light] .diy-crew-manifest{background:#fffc;border-color:#a855f726}.diy-crew-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(168,85,247,.08)}.diy-crew-header-icon{font-size:1.125rem;opacity:.5}.diy-crew-header-title{font-size:.75rem;font-weight:600;color:#a855f799;text-transform:uppercase;letter-spacing:.06em}.diy-crew-row{display:grid;grid-template-columns:10rem 1fr auto;gap:1rem;padding:.875rem 1.5rem;border-bottom:1px solid rgba(168,85,247,.04);align-items:baseline}@media(max-width:639px){.diy-crew-row{grid-template-columns:1fr;gap:.25rem}}.diy-crew-role{font-family:DM Mono,monospace;font-size:.875rem;color:#e2e2e9a6;font-weight:500}[data-theme=light] .diy-crew-role{color:#0f172a99}.diy-crew-detail{font-size:.8125rem;color:#e2e2e94d}[data-theme=light] .diy-crew-detail{color:#0f172a59}.diy-crew-cost{font-family:DM Mono,monospace;font-size:.9375rem;color:#ef4444b3;font-weight:600;text-align:right;white-space:nowrap}.diy-crew-per{font-weight:400;color:#e2e2e94d;font-size:.75rem}[data-theme=light] .diy-crew-per{color:#0f172a59}.diy-crew-divider{height:1px;background:#a855f71a;margin:0 1.5rem}.diy-crew-total .diy-crew-role{font-weight:700;color:#e2e2e9cc}.diy-crew-total .diy-crew-cost{font-size:1.125rem;color:#ef4444d9}[data-theme=light] .diy-crew-total .diy-crew-role{color:#0f172acc}[data-theme=light] .diy-crew-total .diy-crew-cost{color:#dc2626d9}.diy-crew-extras{display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.5rem 1.25rem;font-size:.75rem;color:#e2e2e940;font-style:italic;border-top:1px solid rgba(168,85,247,.04)}[data-theme=light] .diy-crew-extras{color:#0f172a4d;border-top-color:#a855f70f}.diy-crew-extras span:last-child{color:#a855f766}[data-theme=light] .diy-crew-extras span:last-child{color:#9333ea80}.diy-terminal-treasure{border-color:#22d3ee33!important;box-shadow:0 0 40px #22d3ee1f,0 0 80px #22d3ee0f,0 0 120px #22d3ee08}[data-theme=light] .diy-terminal-treasure{border-color:#0e749040!important;box-shadow:0 0 40px #0e749014,0 0 80px #0e74900a}.diy-voyage-end{padding:3rem 0 2rem;text-align:center;position:relative;z-index:2}.diy-voyage-end-label{font-size:.7rem;color:#22d3ee80;letter-spacing:.1em;white-space:nowrap}[data-theme=light] .diy-voyage-end-label{color:#0e749099}.diy-cost-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.diy-cost-grid{grid-template-columns:repeat(2,1fr)}}.diy-cost-card{display:flex;align-items:center;gap:1.25rem;padding:1.75rem 2rem;border-radius:1rem;border:1px solid rgba(34,211,238,.06);background:#0b112066;transition:border-color .3s}.diy-cost-card:hover{border-color:#22d3ee1f}[data-theme=light] .diy-cost-card{background:#fffc;border-color:#d1dce6}[data-theme=light] .diy-cost-card:hover{border-color:#0e749040}.diy-cost-diy,.diy-cost-ancla{flex:1;display:flex;flex-direction:column;gap:.25rem}.diy-cost-diy .diy-cost-number{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:#ef444499;text-decoration:line-through;text-decoration-color:#ef444440;text-decoration-thickness:1.5px}[data-theme=light] .diy-cost-diy .diy-cost-number{color:#dc26268c;text-decoration-color:#dc262633}.diy-cost-ancla .diy-cost-number{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:#22d3eee6}[data-theme=light] .diy-cost-ancla .diy-cost-number{color:#0891b2}.diy-cost-unit{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#e2e2e959}[data-theme=light] .diy-cost-unit{color:#0f172a66}.diy-cost-vs{font-size:.75rem;font-weight:600;color:#e2e2e933;flex-shrink:0}[data-theme=light] .diy-cost-vs{color:#0f172a33}[data-theme=light] .diy-dash-tile{background:#ffffffe6}[data-theme=light] .diy-dash-tile-label{color:#0f172a80}[data-theme=light] .diy-dash-tile-status{color:#0f172a59}[data-theme=light] .diy-dash-tile-status.diy-dash-warn{color:#d97706cc}[data-theme=light] .diy-dash-tile-status.diy-dash-err{color:#dc2626cc}[data-theme=light] .diy-pipeline-diagram{background:#ffffffe6}[data-theme=light] .diy-pipe-ok{color:#16a34acc;background:#16a34a0f;border-color:#16a34a24}[data-theme=light] .diy-pipe-warn{color:#d97706cc;background:#d977060f;border-color:#d9770624}[data-theme=light] .diy-pipe-err{color:#dc2626cc;background:#dc26260f;border-color:#dc262624}[data-theme=light] .diy-compat-header,[data-theme=light] .diy-compat-tool{color:#0f172a80}[data-theme=light] .diy-crew-cost{color:#dc2626bf}[data-theme=light] .diy-crew-header-title{color:#9333eab3}[data-theme=light] .diy-crew-divider{background:#a855f724}[data-theme=light] .diy-crew-row{border-bottom-color:#a855f70f}[data-theme=light] .diy-crew-header{border-bottom-color:#a855f71a}@media(prefers-reduced-motion:reduce){.diy-waypoint-text,.diy-waypoint-visual-inner{opacity:1;transform:none;transition:none}.diy-trail-dot,.diy-trail-fill{transition:none}.diy-mood-tag[data-mood=crisis]{animation:none}.diy-storm-overlay{display:none}}