@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono:wght@400;700&display=swap";.contact-section{padding:5rem 1.5rem;position:relative;z-index:10;text-align:center}.contact-container{max-width:64rem;margin:0 auto}.contact-card{border-radius:3rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#a855f71a,#22d3ee1a);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:4rem;box-shadow:0 25px 50px -12px #a855f71a;transition:all .3s ease}.contact-title{font-size:3.75rem;font-weight:900;letter-spacing:-.015em;margin-bottom:2rem;color:#ffffffde;line-height:1.2}.contact-description{color:#a1a1aa;font-size:1.5rem;max-width:48rem;margin:0 auto 3rem;line-height:1.625}.contact-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.btn{padding:1.25rem 2.5rem;border-radius:1.5rem;font-weight:900;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s;text-transform:uppercase}.btn-primary{background:#fff;color:#000}.btn-primary:hover{background:#a855f7;color:#fff;transform:scale(1.1)}.btn-secondary{background:transparent;color:#ffffffde;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#00a105e6;color:#000000de;border:1px solid rgba(255,255,255,.1);transform:scale(1.05)}@media(min-width:768px){.contact-title{font-size:4.5rem}}@media(max-width:768px){.contact-section{padding:6rem 1.5rem}.contact-card{padding:2.5rem 1.5rem}.contact-title{font-size:2.5rem;margin-bottom:1.5rem}.contact-description{font-size:1.125rem;margin-bottom:2rem}.contact-buttons{flex-direction:column;gap:1rem}.btn{width:100%;padding:.875rem 1.5rem}}.contact-section{--bg: #030305;--card: rgba(255,255,255,.055);--card2: rgba(255,255,255,.09);--line: rgba(255,255,255,.12);--text: #fff;--muted: #a1a1aa;--purple: #a855f7;--cyan: #22d3ee;--pink: #ec4899}.contact-section .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch;width:min(960px,100%)}.contact-section .card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.contact-section .contact-info{padding:34px}.contact-form{width:100%;max-height:0;margin:0;padding:0 34px;overflow:hidden;box-sizing:border-box;border:0 solid var(--line);border-radius:28px;background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);transform-origin:top center;transition:max-height .65s cubic-bezier(.22,1,.36,1),margin .45s ease,padding .45s ease,border-width .2s ease,opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s}.contact-form.is-open{max-height:900px;margin-top:18px;padding:34px;border-width:1px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .field{min-width:0;margin-bottom:18px;text-align:left}.contact-form label{display:block;color:#d4d4d8;font-weight:700;margin:0 0 9px;font-size:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;display:block;box-sizing:border-box;border:1px solid var(--line);background:#0000003d;color:#fff;border-radius:18px;padding:16px 17px;outline:none;font:inherit;font-size:15px;transition:.25s}.contact-form select option{background:#111}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#22d3ee8c;box-shadow:0 0 0 4px #22d3ee14}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#525b52}.contact-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-weight:800;font-size:15px;transition:.3s;cursor:pointer;background:#ffffff0f;font-family:inherit}.contact-form .btn.primary{width:100%;color:#050509;background:#fff;border-color:#fff;box-shadow:0 18px 60px #a855f73d}.contact-form .btn.primary:hover{color:#fff;background:var(--purple);border-color:var(--purple);transform:translateY(-3px) scale(1.02)}.contact-form .btn:disabled{cursor:wait;opacity:.7;transform:none}.contact-form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#formStatus{min-height:1.5em;margin:14px 0 0;color:var(--muted);line-height:1.5;text-align:left}#formStatus.is-success{color:#86efac}#formStatus.is-warning{color:#fde68a}#formStatus.is-error{color:#fca5a5}#formStatus.is-pending{color:var(--muted)}@media(max-width:720px){.contact-section .contact-grid,.contact-form .form-row{grid-template-columns:1fr}.contact-form.is-open{max-height:1250px;padding:24px 18px}}@media(prefers-reduced-motion:reduce){.contact-form,.contact-form.is-open{transition:none}}:root{--bell-accent: #00c2ff;--bell-accent-dark: #007ea8;--bell-danger: #ef4444;--bell-success: #22c55e;--bell-surface: rgba(12, 18, 28, .98);--bell-surface-soft: rgba(255, 255, 255, .06);--bell-border: rgba(255, 255, 255, .14);--bell-text: #f8fafc;--bell-muted: #94a3b8}.bell-notification-icon{position:absolute;top:15px;right:15px;z-index:1000;display:grid;width:48px;height:48px;padding:4px;place-items:center;color:#6f6e6e;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.bell-notification-icon:hover,.bell-notification-icon:focus-visible{color:var(--bell-accent);background:#00c2ff1a;outline:none;transform:translateY(-1px)}.bell-notification-icon svg{display:block;width:40px;height:40px}.bell-notification-badge{position:absolute;top:-2px;right:-2px;display:grid;min-width:22px;height:22px;padding:0 5px;place-items:center;color:#fff;font:700 11px/1 Roboto,sans-serif;background:var(--bell-danger);border:2px solid #0b1018;border-radius:999px;box-shadow:0 4px 12px #ef44446b}.bell-notification-badge[hidden]{display:none}.bell-modal-overlay{position:fixed;inset:0;z-index:10000;display:grid;padding:20px;place-items:center;background:#02060cc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease}.bell-modal-overlay[hidden]{display:none}.bell-modal{position:relative;width:min(100%,440px);max-height:calc(100vh - 40px);overflow:auto;color:var(--bell-text);background:radial-gradient(circle at top right,rgba(0,194,255,.14),transparent 38%),var(--bell-surface);border:1px solid var(--bell-border);border-radius:24px;box-shadow:0 28px 80px #0000008c;animation:bell-modal-enter .22s ease-out}.bell-modal--messages{display:flex;flex-direction:column;width:min(100%,760px);height:auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:hidden}.bell-modal--security{width:min(90%,360px);border-radius:16px}@keyframes bell-modal-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bell-modal-header{flex:0 0 auto;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:24px 24px 18px;border-bottom:1px solid var(--bell-border)}.bell-modal-heading{margin:0;font:700 clamp(20px,4vw,27px)/1.2 Roboto,sans-serif}.bell-modal-description{margin:7px 0 0;color:var(--bell-muted);font:400 14px/1.5 Roboto,sans-serif}.bell-modal-close{flex:0 0 auto;width:36px;height:36px;color:var(--bell-muted);font-size:24px;line-height:1;background:var(--bell-surface-soft);border:1px solid var(--bell-border);border-radius:50%;cursor:pointer}.bell-modal-close:hover,.bell-modal-close:focus-visible{color:#fff;border-color:var(--bell-accent);outline:none}.bell-corner-close{position:absolute;top:0;right:0;z-index:10;display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;background:#f006;border:0;border-radius:0 24px 0 8px;outline:none;cursor:pointer;transition:background .2s;--bell-x-top: 19px;--bell-x-left: 17px}.bell-modal--security .bell-corner-close{border-radius:0 16px 0 8px}.bell-corner-close:hover,.bell-corner-close:focus-visible{color:#fff;background:#f00c;border-color:transparent}.bell-corner-close:before,.bell-corner-close:after{position:absolute;top:var(--bell-x-top);left:var(--bell-x-left);width:20px;height:2px;content:"";background:#fff;border-radius:999px;box-shadow:0 0 1px #ffffffe6}.bell-corner-close:before{transform:rotate(45deg)}.bell-corner-close:after{transform:rotate(-45deg)}.bell-modal .bell-modal-header{padding-right:58px}.bell-security-body{padding:28px 24px 24px;text-align:center}.bell-security-lock{display:grid;width:58px;height:58px;margin:0 auto 20px;place-items:center;color:var(--bell-accent);font-size:24px;background:#00c2ff1a;border:1px solid rgba(0,194,255,.3);border-radius:18px}.bell-pin-dots{position:relative;display:grid;grid-template-columns:repeat(4,54px);gap:10px;justify-content:center;margin:24px 0 16px}.bell-pin-dot{display:grid;height:58px;place-items:center;color:var(--bell-accent);font-size:25px;background:var(--bell-surface-soft);border:1px solid var(--bell-border);border-radius:14px;transition:border-color .16s ease,box-shadow .16s ease}.bell-pin-dot.is-filled{border-color:var(--bell-accent);box-shadow:0 0 0 3px #00c2ff1a}.bell-pin-input{position:absolute;inset:0;width:100%;opacity:0;cursor:text}.bell-feedback{min-height:22px;margin:0 0 14px;color:var(--bell-danger);font:500 13px/1.5 Roboto,sans-serif}.bell-feedback[data-state=checking]{color:#facc15}.bell-feedback[data-state=success]{color:var(--bell-success);font-weight:700}.bell-feedback[data-state=error]{color:var(--bell-danger);font-weight:700}.bell-button{min-height:42px;padding:10px 17px;color:var(--bell-text);font:600 14px/1 Roboto,sans-serif;background:var(--bell-surface-soft);border:1px solid var(--bell-border);border-radius:12px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.bell-button:hover:not(:disabled),.bell-button:focus-visible:not(:disabled){border-color:var(--bell-accent);outline:none}.bell-button--primary{color:#00141b;background:var(--bell-accent);border-color:var(--bell-accent)}.bell-button--danger{color:#fecaca;border-color:#ef44446b}.bell-button:disabled{opacity:.35;cursor:not-allowed}.bell-security-submit{width:100%}.bell-security-extra,.bell-change-pin-fields{display:grid;gap:9px;margin:2px auto 18px;text-align:left}.bell-security-extra[hidden],.bell-change-pin-fields[hidden]{display:none}.bell-security-extra label,.bell-change-pin-fields label{color:var(--bell-muted);font:600 12px/1.2 Roboto,sans-serif}.bell-security-extra input,.bell-change-pin-fields input{width:100%;box-sizing:border-box;padding:11px 13px;color:var(--bell-text);font:600 16px/1 Roboto,sans-serif;text-align:center;letter-spacing:.32em;background:var(--bell-surface-soft);border:1px solid var(--bell-border);border-radius:9px;outline:none}.bell-security-extra input:focus,.bell-change-pin-fields input:focus{border-color:var(--bell-accent);box-shadow:0 0 0 3px #00c2ff1a}.bell-change-pin-link{margin:14px auto 0;padding:2px;color:#7dd3fc;font:500 13px/1.4 Roboto,sans-serif;text-decoration:underline;background:none;border:0;cursor:pointer}.bell-change-pin-link[hidden]{display:none}.bell-message-toolbar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:10px;padding:12px 24px;background:#ffffff06;border-bottom:1px solid var(--bell-border)}.bell-action-button{min-width:86px;padding:9px 14px;font:600 16px/1.2 Roboto,sans-serif;text-align:center;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:40px;cursor:pointer;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.bell-action-button--edit{color:#00c2ff}.bell-action-button--save{color:#09ff00}.bell-action-button--delete{color:red}.bell-action-button:hover:not(:disabled),.bell-action-button:focus-visible:not(:disabled){border-color:#494949;outline:none;transform:translateY(-1px)}.bell-action-button:active:not(:disabled){border-color:#000;transform:translateY(0)}.bell-action-button:disabled{opacity:.5;cursor:not-allowed}.bell-message-status{margin-left:auto;align-self:center;color:var(--bell-muted);font:500 12px/1.4 Roboto,sans-serif}.bell-message-form{flex:0 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 24px;overflow:visible}.bell-field{display:grid;gap:7px}.bell-field--wide{grid-column:1 / -1}.bell-field label{color:var(--bell-muted);font:600 12px/1.2 Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase}.bell-field input,.bell-field textarea{width:100%;box-sizing:border-box;padding:9px 12px;color:var(--bell-text);font:400 14px/1.5 Roboto,sans-serif;background:#ffffff0b;border:1px solid var(--bell-border);border-radius:11px;outline:none}.bell-field textarea{min-height:78px;resize:vertical}.bell-field input:not([readonly]):focus,.bell-field textarea:not([readonly]):focus{border-color:var(--bell-accent);box-shadow:0 0 0 3px #00c2ff1a}.bell-field input[readonly],.bell-field textarea[readonly]{color:#cbd5e1;cursor:default}.bell-message-navigation{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:12px 24px 16px;background:var(--bell-surface);border-top:1px solid var(--bell-border)}.bell-pager-button{min-width:86px;padding:9px 14px;font:600 17px/1.2 Roboto,sans-serif;text-align:center;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:40px;cursor:pointer;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.bell-pager-button--prev{justify-self:end;color:red}.bell-pager-button--next{justify-self:start;color:#09ff00}.bell-pager-button:hover,.bell-pager-button:focus{border-color:#494949;outline:none;transform:translateY(-1px)}.bell-pager-button:active{border-color:#000;transform:translateY(0)}.bell-pager-button:disabled{opacity:.5;cursor:not-allowed}.bell-message-counter{display:inline-flex;min-width:72px;height:40px;padding:0 10px;box-sizing:border-box;align-items:center;justify-content:center;color:#000;font:700 18px/1 Roboto,sans-serif;text-align:center;background:#fff;border-radius:20px;box-shadow:0 2px 4px #0003;overflow:hidden}.bell-counter-digit-window{position:relative;width:24px;height:28px;overflow:hidden}.bell-counter-digit{position:absolute;inset:0;display:grid;place-items:center}.bell-counter-total{margin-left:3px;white-space:nowrap}@keyframes bell-counter-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bell-counter-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes bell-counter-in-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bell-counter-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.bell-counter-in-up{animation:bell-counter-in-up .5s ease-out forwards}.bell-counter-out-up{animation:bell-counter-out-up .5s ease-out forwards}.bell-counter-in-down{animation:bell-counter-in-down .5s ease-out forwards}.bell-counter-out-down{animation:bell-counter-out-down .5s ease-out forwards}.bell-empty-state{grid-column:1 / -1;padding:52px 20px;color:var(--bell-muted);text-align:center}.bell-delete-confirm-overlay{position:fixed;inset:0;z-index:10020;display:grid;padding:18px;place-items:center;background:#02060c9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bell-delete-confirm-overlay[hidden]{display:none}.bell-delete-confirm{position:relative;width:min(100%,390px);padding:34px 24px 24px;color:var(--bell-text);text-align:center;background:radial-gradient(circle at top,rgba(239,68,68,.22),transparent 42%),var(--bell-surface);border:1px solid rgba(239,68,68,.28);border-radius:22px;box-shadow:0 26px 70px #00000094;animation:bell-modal-enter .18s ease-out}.bell-delete-confirm-close{border-radius:0 22px 0 8px}.bell-delete-confirm-icon{display:grid;width:56px;height:56px;margin:0 auto 14px;place-items:center;color:#fecaca;font:800 30px/1 Roboto,sans-serif;background:#ef444429;border:1px solid rgba(239,68,68,.42);border-radius:50%;box-shadow:0 0 24px #ef44442e}.bell-delete-confirm-title{margin:0;font:800 22px/1.2 Roboto,sans-serif}.bell-delete-confirm-text{margin:10px 0 0;color:var(--bell-muted);font:500 14px/1.5 Roboto,sans-serif}.bell-delete-confirm-contact{min-height:20px;margin:12px 0 0;color:#fecaca;font:700 14px/1.4 Roboto,sans-serif}.bell-delete-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.bell-delete-confirm-button{min-width:118px;padding:10px 16px;font:700 16px/1.2 Roboto,sans-serif;text-align:center;background:#1a1a1a;border:2px solid #2d2d2d;border-radius:40px;cursor:pointer;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.bell-delete-confirm-button--cancel{color:#00c2ff}.bell-delete-confirm-button--confirm{color:red}.bell-delete-confirm-button:hover:not(:disabled),.bell-delete-confirm-button:focus-visible:not(:disabled){border-color:#494949;outline:none;transform:translateY(-1px)}.bell-delete-confirm-button:active:not(:disabled){border-color:#000;transform:translateY(0)}.bell-delete-confirm-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.bell-notification-icon{top:10px;right:10px;width:42px;height:42px}.bell-notification-icon svg{width:32px;height:32px}.bell-notification-badge{top:-3px;right:-3px}.bell-modal-overlay{padding:10px}.bell-modal{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.bell-modal--messages{width:100%;height:calc(100vh - 20px);height:calc(100dvh - 20px)}.bell-modal--messages .bell-corner-close{border-radius:0 18px 0 8px}.bell-modal-header,.bell-message-form,.bell-security-body{padding-right:18px;padding-left:18px}.bell-message-form{flex:1 1 auto;min-height:0;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.bell-field--wide{grid-column:auto}.bell-message-status{width:100%;margin-left:0}.bell-message-navigation{gap:8px;padding-right:18px;padding-left:18px}.bell-pager-button{min-width:76px;padding:8px 10px;font-size:15px}.bell-message-counter{min-width:64px;height:36px;padding:0 8px;font-size:16px}.bell-pin-dots{grid-template-columns:repeat(4,48px)}.bell-delete-confirm-actions{flex-direction:column}.bell-delete-confirm-button{width:100%}}@media(prefers-reduced-motion:reduce){.bell-modal,.bell-notification-icon,.bell-button{animation:none;transition:none}}.shake{animation:bellShake .8s ease-in-out;transform-origin:top center}@keyframes bellShake{0%{transform:rotate(0)}10%{transform:rotate(18deg)}20%{transform:rotate(-16deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}70%{transform:rotate(6deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}.bell-sleep-symbols{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:0;align-items:flex-end;color:#8edfff;font-family:Roboto,sans-serif;font-weight:800;line-height:1;letter-spacing:-1px;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,194,255,.45));opacity:0;transform:translateY(5px) scale(.8);transition:opacity .3s ease,transform .3s ease}.bell-sleep-symbols span:first-child{font-size:9px}.bell-sleep-symbols span:last-child{margin-bottom:4px;font-size:13px}.bell-notification-icon.bell-is-resting{color:#647789}.bell-notification-icon.bell-is-resting svg{opacity:.68;filter:drop-shadow(0 0 5px rgba(142,223,255,.18))}.bell-notification-icon.bell-is-resting .bell-sleep-symbols{opacity:1;transform:translateY(0) scale(1);animation:bell-sleep-float 2.8s ease-in-out infinite}.bell-notification-icon.bell-is-resting.shake{animation:none}@keyframes bell-sleep-float{0%,to{transform:translateY(0) scale(1);opacity:.72}50%{transform:translateY(-4px) scale(1.04);opacity:1}}@media(prefers-reduced-motion:reduce){.bell-notification-icon.bell-is-resting .bell-sleep-symbols{animation:none}}#brandNameNav{position:fixed;top:20px;left:50%;z-index:5000;width:min(95%,1280px);color:#fff;transform:translate(-50%);box-sizing:border-box;touch-action:pan-y}#brandNameNav,#brandNameNav *{box-sizing:border-box}#brandNameNav.navbar-glass{overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 30px #00000014;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}#brandNameNav .nav-inner{display:flex;flex-direction:column;padding:12px 32px}#brandNameNav .brand-nav-row{display:flex;gap:16px;align-items:center;justify-content:space-between;min-width:0}#brandNameNav .brand-name{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:0 4px;align-items:baseline;min-width:0;margin:0;padding:0;overflow:visible;color:#fff;font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.65rem);font-weight:900;line-height:1;letter-spacing:2px;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transform:none}#brandNameNav .brand-name span{display:inline-block;will-change:text-shadow,transform,opacity}#brandNameNav .part-caterino{color:#fff}#brandNameNav .part-studio,#brandNameNav .part-dot,#brandNameNav .part-com{color:#61dafb}#brandNameNav .part-com{font-size:.6em;transform-origin:bottom center}#brandNameNav .part-caterino{opacity:0;animation:introCaterino 1.2s cubic-bezier(.25,1,.5,1) forwards .5s,cyberPulseWhite 3s ease-in-out infinite 1.7s}#brandNameNav .part-studio{opacity:0;animation:introStudio 1.2s cubic-bezier(.25,1,.5,1) forwards 1.5s,cyberPulseCyan 2.5s ease-in-out infinite 2.7s}#brandNameNav .part-dot{opacity:0;animation:introStudio 1.2s cubic-bezier(.25,1,.5,1) forwards 1.7s,cyberBlink 1.8s ease-in-out infinite 2.9s}#brandNameNav .part-com{opacity:0;animation:introComRebotes 1.4s cubic-bezier(.175,.885,.32,1.275) forwards 1.3s,cyberPulseCom 4s ease-in-out infinite 5s}@keyframes introCaterino{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes introStudio{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes introComRebotes{0%{opacity:0;transform:translateY(-150px)}35%{opacity:1;transform:translateY(0)}55%{transform:translateY(-24px)}70%{transform:translateY(0)}82%{transform:translateY(-8px)}92%{transform:translateY(0)}to{opacity:1;transform:translateY(0) translate(var(--desvio-final, 0)) rotate(var(--angulo-final, 0deg))}}@keyframes cyberPulseWhite{0%,to{opacity:.9;text-shadow:0 0 12px rgba(255,255,255,.5),0 0 25px rgba(255,255,255,.2);transform:scale(1)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.9),0 0 60px rgba(255,255,255,.4),0 0 100px rgba(255,255,255,.2);transform:scale(1.03)}}@keyframes cyberPulseCyan{0%,to{text-shadow:0 0 12px rgba(97,218,251,.5),0 0 25px rgba(97,218,251,.2);transform:scale(1)}50%{text-shadow:0 0 35px rgba(97,218,251,1),0 0 70px rgba(97,218,251,.6),0 0 120px rgba(97,218,251,.3);transform:scale(1.04)}}@keyframes cyberBlink{0%,to{opacity:.4;text-shadow:0 0 8px rgba(97,218,251,.4)}50%{opacity:1;text-shadow:0 0 25px rgba(97,218,251,1),0 0 50px rgba(97,218,251,.5)}}@keyframes cyberPulseCom{0%,to{opacity:.6;text-shadow:0 0 10px rgba(97,218,251,.3)}50%{opacity:.9;text-shadow:0 0 30px rgba(97,218,251,.8),0 0 60px rgba(97,218,251,.4)}}#brandNameNav .part-com-letter{display:inline-block;transform:translate(0) rotate(0);transition:transform .42s cubic-bezier(.34,1.56,.64,1);will-change:transform}#brandNameNav .part-com--disorganized .part-com-letter{transition-duration:.8s}#brandNameNav .desktop-navigation{display:flex;flex:1 1 auto;gap:8px;align-items:center;min-width:120px;overflow:hidden}#brandNameNav .desktop-links{display:flex;flex:1 1 auto;gap:24px;align-items:center;min-width:0;overflow-x:auto;overflow-y:hidden;font-size:.875rem;letter-spacing:.2em;scroll-behavior:smooth;scrollbar-width:none;text-transform:uppercase;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y}#brandNameNav .desktop-links::-webkit-scrollbar{display:none}#brandNameNav .desktop-links a{flex:0 0 auto;color:#d4d4d8;text-decoration:none;white-space:nowrap;transition:color .2s ease}#brandNameNav .apps-menu-trigger,#brandNameNav .courses-menu-trigger{flex:0 0 auto;padding:0;color:#d4d4d8;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;background:transparent;border:0;cursor:pointer;transition:color .2s ease}#brandNameNav .desktop-links a:hover,#brandNameNav .desktop-links a:focus-visible,#brandNameNav .apps-menu-trigger:hover,#brandNameNav .apps-menu-trigger:focus-visible,#brandNameNav .apps-menu-trigger.active,#brandNameNav .courses-menu-trigger:hover,#brandNameNav .courses-menu-trigger:focus-visible,#brandNameNav .courses-menu-trigger.active{color:#a78bfa;outline:none}#brandNameNav .nav-scroll-button{display:grid;flex:0 0 28px;width:28px;height:28px;padding:0;place-items:center;color:#ffffffe6;font:700 18px/1 monospace;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:color .18s ease,background-color .18s ease,opacity .18s ease}#brandNameNav .nav-scroll-button:hover:not(:disabled){color:#61dafb;background:#61dafb1f}#brandNameNav .nav-scroll-button:focus,#brandNameNav .nav-scroll-button:focus-visible,#brandNameNav .nav-scroll-button:active{outline:none;box-shadow:none}#brandNameNav .nav-scroll-button:disabled{opacity:.28;cursor:default}#brandNameNav .brand-nav-actions{display:flex;flex-shrink:0;gap:12px;align-items:center}#brandNameNav .bell-notification-icon{position:relative;top:auto;right:auto;z-index:1;flex:0 0 auto;margin:0}#brandNameNav .btn-cta{display:flex;flex-shrink:0;gap:8px;align-items:center;justify-content:center;padding:12px 24px;color:#000;font:600 14px/1.2 system-ui,sans-serif;background:#fff;border:0;border-radius:16px;box-shadow:0 1px 3px #00000029;cursor:pointer;transition:color .3s ease,background-color .3s ease,transform .3s ease}#brandNameNav .btn-cta:hover,#brandNameNav .btn-cta:focus-visible{color:#fff;background:#a855f7;outline:none;transform:scale(1.05)}#brandNameNav .btn-icon{display:none;width:20px;height:20px}#brandNameNav .btn-text{display:inline}#brandNameNav .mobile-menu-wrapper{display:none}#brandNameNav .menu-btn{position:relative;z-index:10;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-around;width:28px;height:28px;padding:0;color:#fff;background:transparent;border:0;cursor:pointer}#brandNameNav .menu-btn span{display:block;width:100%;height:2.5px;background:currentColor;border-radius:4px;transition:transform .3s ease,opacity .3s ease}#brandNameNav .menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}#brandNameNav .menu-btn.open span:nth-child(2){opacity:0}#brandNameNav .menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}#brandNameNav .bell-notification-icon:focus,#brandNameNav .bell-notification-icon:focus-visible,#brandNameNav .bell-notification-icon:active,#brandNameNav .menu-btn:focus,#brandNameNav .menu-btn:focus-visible,#brandNameNav .menu-btn:active{border-color:transparent;outline:none;box-shadow:none}#brandNameNav .mobile-menu{display:none;flex-direction:column;gap:12px;margin-top:12px;padding:16px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 30px #00000026;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}#brandNameNav .mobile-menu.open{display:flex}#brandNameNav .mobile-menu a{padding:8px 0;color:#e5e7eb;font-size:.9rem;font-weight:500;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);transition:color .2s ease}#brandNameNav .mobile-menu .apps-menu-trigger,#brandNameNav .mobile-menu .courses-menu-trigger{width:100%;padding:8px 0;color:#e5e7eb;font-size:.9rem;font-weight:500;text-align:left;letter-spacing:.15em;border-bottom:1px solid rgba(255,255,255,.05)}#brandNameNav .mobile-menu a:last-child{border-bottom:0}#brandNameNav .mobile-menu a:hover,#brandNameNav .mobile-menu a:focus-visible{color:#a78bfa}#brandNameNav .navbar-apps-panel{display:none;max-height:min(72vh,680px);margin-top:12px;padding:18px;overflow-x:hidden;overflow-y:auto;background:#050a14b8;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 50px #00000052 inset;scrollbar-width:thin;scrollbar-color:rgba(97,218,251,.45) transparent}#brandNameNav .navbar-apps-panel.open{display:block;animation:navbar-apps-enter .22s ease-out}@keyframes navbar-apps-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#brandNameNav .navbar-apps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}#brandNameNav .navbar-apps-eyebrow{display:block;margin-bottom:3px;color:#61dafb;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}#brandNameNav .navbar-apps-header h2{margin:0;color:#fff;font:700 20px/1.15 system-ui,sans-serif}#brandNameNav .navbar-apps-close{display:grid;width:34px;height:34px;padding:0;place-items:center;color:#fff;font:400 26px/1 system-ui,sans-serif;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:50%;cursor:pointer}#brandNameNav .navbar-apps-close:hover{color:#61dafb;background:#61dafb1f}#brandNameNav .navbar-apps-close:focus,#brandNameNav .navbar-apps-close:focus-visible{outline:none;box-shadow:none}#brandNameNav .navbar-apps-loading{margin:16px 0;color:#ffffffa6;text-align:center}#brandNameNav .app-launcher-grid--navbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;margin:0}#brandNameNav .navbar-courses-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#brandNameNav .app-launcher-grid--navbar .app-card{min-height:150px;padding:16px;border-radius:18px}#brandNameNav .app-launcher-grid--navbar .app-card-icon{width:44px;height:44px}#brandNameNav .app-launcher-grid--navbar .app-card-icon svg,#brandNameNav .app-launcher-grid--navbar .app-card-icon img{width:28px;height:28px}#brandNameNav .app-launcher-grid--navbar .app-card-title{font-size:.92rem}#brandNameNav .app-launcher-grid--navbar .app-card-sub{font-size:.68rem}#brandNameNav .app-launcher-grid--navbar .app-card-badge{top:11px;right:11px}@media(max-width:1100px){#brandNameNav .app-launcher-grid--navbar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){#brandNameNav .desktop-navigation{display:none}#brandNameNav .mobile-menu-wrapper{display:block}#brandNameNav .btn-text{display:none}#brandNameNav .btn-icon{display:inline-flex}#brandNameNav .nav-inner{padding-right:12px;padding-left:12px}#brandNameNav .brand-nav-row,#brandNameNav .brand-nav-actions{gap:8px}#brandNameNav .navbar-apps-panel{max-height:72vh;padding:12px}#brandNameNav .app-launcher-grid--navbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){#brandNameNav{top:10px}#brandNameNav .brand-name{gap:0 2px;font-size:.9rem}#brandNameNav .nav-inner{padding:10px 8px}#brandNameNav .btn-cta{padding:4px 8px}#brandNameNav .btn-icon{width:20px;height:20px}#brandNameNav .menu-btn{width:24px;height:24px}#brandNameNav .app-launcher-grid--navbar{gap:8px}#brandNameNav .app-launcher-grid--navbar .app-card{min-height:132px;padding:12px}}@media(prefers-reduced-motion:reduce){#brandNameNav .brand-name span{opacity:1;animation:none;transform:none}#brandNameNav .part-com-letter,#brandNameNav .btn-cta,#brandNameNav .menu-btn span{transition:none}}.text{position:absolute;top:clamp(53px,4vw,42px);left:clamp(35px,2.5vw,32px);margin:0;line-height:1;white-space:nowrap;pointer-events:none;font-size:11px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.2em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text{opacity:0;transform:translateY(6px)}.text.text--visible{animation:frontendLabFadeIn .7s ease-out forwards}@keyframes frontendLabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.text{left:12px;top:47px}}@media(max-width:400px){.text{left:12px;top:34px}}@media(prefers-reduced-motion:reduce){.text,.text.text--visible{opacity:1;transform:none;animation:none}}html.caterino-music-android-host #brandNameNav{top:58px}@media(max-width:850px){html.caterino-music-android-host #brandNameNav{top:58px}}.button-like-this-mount{position:relative;z-index:90;top:auto;right:auto;display:flex;justify-content:flex-end;width:100%;max-width:none;min-height:48px;margin:0 0 14px;padding:0 16px;box-sizing:border-box;opacity:0;pointer-events:none}.button-like-this-mount.is-ready{opacity:1;pointer-events:auto}.button-like-this{display:inline-flex;width:fit-content;max-width:calc(100vw - 32px);align-items:center;gap:14px;padding:25px 30px;color:#fff;font:900 20px/1 Roboto,sans-serif;letter-spacing:.01em;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:background-color .18s ease,border-color .18s ease}.button-like-this:hover,.button-like-this:focus-visible{background:#ffffff1f;border-color:#ffffff1f;outline:none}.button-like-this.is-dragging{cursor:grabbing}.button-like-this__text{white-space:nowrap}.button-like-this__icon{width:30px;height:30px;flex:0 0 auto;transition:transform .3s ease}.button-like-this:hover .button-like-this__icon,.button-like-this:focus-visible .button-like-this__icon{transform:translate(6px)}@media(max-width:600px){.button-like-this-mount{position:relative;top:auto;right:auto;display:flex;justify-content:flex-end;width:100%;max-width:none;min-height:48px;margin:0 0 14px;padding:0 16px;box-sizing:border-box}.button-like-this{gap:10px;padding:13px 16px;font-size:14px;border-radius:14px}.button-like-this__icon{width:22px;height:22px}}.blt-contact-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:60px 20px;color:#fff;background:radial-gradient(circle at top,#13203af5,#070b12f5 45%,#020408fa)}.blt-contact-modal.is-open{display:flex}.blt-contact-modal__dialog{position:relative;width:100%;max-width:1400px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:45px;background:#ffffff0e;box-shadow:0 40px 140px #0000007a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.blt-contact-modal__close{position:absolute;top:22px;right:22px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;color:#fff;font-size:36px;font-weight:300;line-height:1;font-family:Arial,Helvetica,sans-serif;appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;outline:0;cursor:pointer;opacity:.72;transform:rotate(0) scale(1);transition:color .22s ease,opacity .22s ease,text-shadow .22s ease,transform .52s ease}.blt-contact-modal__close:hover,.blt-contact-modal__close:focus,.blt-contact-modal__close:focus-visible,.blt-contact-modal__close:active{color:#67e8f9;opacity:1;outline:0;border:0;box-shadow:none;text-shadow:0 0 14px rgba(103,232,249,.55)}.blt-contact-modal__close:hover{transform:rotate(360deg) scale(1.08)}.blt-contact-modal__close::-moz-focus-inner{border:0;padding:0}.blt-contact-card{padding:70px}.blt-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.blt-section-kicker{margin:0 0 18px;color:#f0abfc;font-size:.75rem;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.blt-section-title{max-width:800px;margin:0;color:#fff;font-size:clamp(2.8rem,6vw,5.8rem);font-weight:900;line-height:.9;letter-spacing:-.075em}.blt-contact-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.blt-contact-chip{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;color:#ffffffbf;font-size:.95rem;font-weight:900;text-decoration:none;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:18px;transition:color .35s ease,background-color .35s ease,border-color .35s ease,transform .35s ease}.blt-contact-chip:hover,.blt-contact-chip:focus-visible{color:#67e8f9;background:#ffffff1a;border-color:#67e8f94d;outline:none;transform:translateY(-5px)}.blt-contact-chip i{font-size:20px}.blt-briefing{width:100%;padding:55px;color:#fff;text-align:left;background:#67e8f914;border:1px solid rgba(103,232,249,.25);border-radius:35px;cursor:pointer;transition:background-color .45s ease,transform .45s ease}.blt-briefing:hover,.blt-briefing:focus-visible{background:#67e8f926;outline:none;transform:translateY(-12px)}.blt-briefing__icon{margin-bottom:70px;color:#bffcff;font-size:42px}.blt-briefing h3{margin:0 0 25px;font-size:2rem;font-weight:900;letter-spacing:-.05em}.blt-briefing span{display:flex;align-items:center;gap:10px;color:#ffffffa6;font-weight:700;transition:color .35s ease}.blt-briefing:hover span,.blt-briefing:focus-visible span{color:#fff}.blt-briefing span i{transition:transform .35s ease}.blt-briefing:hover span i,.blt-briefing:focus-visible span i{transform:translate(8px)}body.blt-contact-modal-open{overflow:hidden}.blt-form-modal{position:fixed;inset:0;z-index:10010;display:none;align-items:center;justify-content:center;padding:28px 20px;color:#fff;background:#020408d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.blt-form-modal.is-open{display:flex}.blt-form-modal__dialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:48px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:#0a0f19f5;box-shadow:0 40px 140px #0009}.blt-form-modal__close{top:20px;right:24px}.blt-form-modal__header{padding-right:44px;margin-bottom:28px}.blt-form-modal__header h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.055em}.blt-form-modal__header>p:last-child{max-width:680px;margin:18px 0 0;color:#ffffff9e}.blt-form-modal__host{width:100%}.blt-form-modal .contact-form.blt-contact-form--modal{max-height:none;margin:0;padding:34px;overflow:visible;border-width:1px;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}body.blt-contact-form-modal-open{overflow:hidden}@media(max-width:900px){.blt-contact-card{padding:40px}.blt-contact-grid{grid-template-columns:1fr}}@media(max-width:750px){.blt-contact-chips{grid-template-columns:1fr}}@media(max-width:600px){.blt-contact-modal{padding:18px}.blt-contact-modal__dialog{border-radius:28px}.blt-contact-card{padding:72px 24px 28px}.blt-section-title{font-size:clamp(2.35rem,13vw,4rem)}.blt-briefing{padding:32px 24px;border-radius:26px}.blt-briefing__icon{margin-bottom:42px}.blt-form-modal{padding:12px}.blt-form-modal__dialog{max-height:calc(100vh - 24px);padding:58px 16px 20px;border-radius:24px}.blt-form-modal__header{padding-right:0}.blt-form-modal .contact-form.blt-contact-form--modal{max-height:none;padding:24px 18px}}body.wmm-modal-open{overflow:hidden}.wmm-dialog,.wmm-dialog *{box-sizing:border-box}.wmm-overlay{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:clamp(14px,3vw,32px);background:radial-gradient(circle at 82% 12%,rgba(37,211,102,.14),transparent 32%),#01070cd6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .24s ease}.wmm-overlay[hidden]{display:none}.wmm-overlay.is-open{opacity:1}.wmm-dialog{width:min(100%,690px);max-height:min(880px,calc(100dvh - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;color:#f7fffa;background:#0b141a;box-shadow:0 34px 110px #00000094;transform:translateY(18px) scale(.975);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.wmm-overlay.is-open .wmm-dialog{transform:translateY(0) scale(1)}.wmm-header{display:flex;min-height:78px;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(37,211,102,.11),transparent 55%),#172229}.wmm-avatar{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#07130c;background:linear-gradient(145deg,#5df294,#25d366);box-shadow:0 8px 28px #25d36638;font-size:1.55rem}.wmm-heading-group{min-width:0;flex:1}.wmm-title{margin:0;color:#fff;font-size:clamp(1.05rem,3vw,1.28rem);font-weight:850;line-height:1.15;letter-spacing:-.02em}.wmm-presence{display:flex;align-items:center;gap:7px;margin:5px 0 0;color:#ffffffa3;font-size:.78rem}.wmm-presence span{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px #25d3661a}.wmm-close{display:grid;flex:0 0 44px;width:44px;height:44px;padding:0;place-items:center;border:0;outline:0;color:#ffffffb8;background:transparent;cursor:pointer}.wmm-close span{display:block;font-family:Arial,sans-serif;font-size:2rem;font-weight:300;line-height:1;transition:color .18s ease,transform .36s ease}.wmm-close:hover span{color:#fff;transform:rotate(180deg) scale(1.08)}.wmm-close:focus-visible{outline:2px solid #25d366;outline-offset:2px;border-radius:10px}.wmm-conversation{max-height:calc(min(880px,100dvh - 28px) - 78px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,4vw,30px);background-color:#0b141a;background-image:radial-gradient(circle at 25% 20%,rgba(255,255,255,.025) 0 2px,transparent 2.5px),radial-gradient(circle at 75% 75%,rgba(37,211,102,.035) 0 2px,transparent 2.5px);background-size:38px 38px,52px 52px;scrollbar-width:thin;scrollbar-color:rgba(37,211,102,.42) transparent}.wmm-conversation::-webkit-scrollbar{width:6px}.wmm-conversation::-webkit-scrollbar-thumb{border-radius:99px;background:#25d3666b}.wmm-day-label{width:fit-content;margin:0 auto 18px;padding:6px 12px;border-radius:9px;color:#ffffff9e;background:#202c33f0;font-size:.67rem;font-weight:800;letter-spacing:.12em}.wmm-bubble{position:relative;width:fit-content;max-width:min(88%,470px);margin-bottom:22px;padding:13px 15px 8px;border-radius:4px 16px 16px;color:#ffffffe6;background:#202c33;box-shadow:0 8px 24px #0000002b}.wmm-bubble:before{position:absolute;top:0;left:-8px;width:13px;height:13px;background:linear-gradient(225deg,#202c33 50%,transparent 51%);content:""}.wmm-bubble p{margin:0;font-size:.93rem;line-height:1.55}.wmm-bubble time{display:block;margin-top:5px;color:#ffffff6b;font-size:.65rem;text-align:right}.wmm-form,.wmm-field{display:grid}.wmm-form{gap:14px}.wmm-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wmm-field{gap:7px}.wmm-field>span,.wmm-message-label{color:#ffffffa3;font-size:.76rem;font-weight:750;letter-spacing:.02em}.wmm-field input,.wmm-composer textarea{width:100%;border:1px solid rgba(255,255,255,.1);outline:0;color:#fff;background:#202c33f5;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.wmm-field input{min-height:47px;padding:0 14px;border-radius:13px;font-size:.9rem}.wmm-field input::placeholder,.wmm-composer textarea::placeholder{color:#ffffff57}.wmm-field input:focus,.wmm-composer textarea:focus{border-color:#25d366b8;background:#233139;box-shadow:0 0 0 3px #25d3661c}.wmm-composer{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#172229f5}.wmm-composer textarea{min-height:126px;max-height:250px;resize:vertical;padding:13px 14px;border-radius:13px;font-size:.94rem;line-height:1.5}.wmm-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.wmm-character-count{color:#ffffff6e;font-size:.7rem;font-variant-numeric:tabular-nums}.wmm-character-count.is-limit{color:#ffb4ab}.wmm-send{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:0;border-radius:14px;color:#04120a;background:linear-gradient(135deg,#56ed8d,#25d366);box-shadow:0 10px 28px #25d36633;cursor:pointer;font:inherit;font-size:.86rem;font-weight:850;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wmm-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #25d3664d;filter:brightness(1.05)}.wmm-send:focus-visible{outline:2px solid #fff;outline-offset:3px}.wmm-send:disabled{cursor:wait;filter:saturate(.55);opacity:.72}.wmm-status{min-height:21px;margin:0;padding:0 3px;color:#ffffff9e;font-size:.78rem;line-height:1.45}.wmm-status[data-state=pending]{color:#ffd166}.wmm-status[data-state=success]{color:#65ee98}.wmm-status[data-state=error]{color:#ff9f97}.wmm-privacy-note{margin:-5px 0 0;color:#ffffff61;font-size:.69rem;line-height:1.4;text-align:center}@media(max-width:620px){.wmm-overlay{align-items:end;padding:0}.wmm-dialog{width:100%;max-height:100dvh;border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0;transform:translateY(34px)}.wmm-header{min-height:72px;padding:11px 14px}.wmm-avatar{flex-basis:44px;width:44px;height:44px}.wmm-conversation{max-height:calc(100dvh - 72px);padding:16px 14px max(18px,env(safe-area-inset-bottom))}.wmm-contact-fields{grid-template-columns:1fr}.wmm-bubble{max-width:93%}.wmm-composer-footer{align-items:stretch;flex-direction:column}.wmm-character-count{text-align:right}.wmm-send{width:100%}}@media(prefers-reduced-motion:reduce){.wmm-overlay,.wmm-dialog,.wmm-close span,.wmm-send{transition-duration:.01ms!important}}#portfolioHeroMount{--ph-card: rgba(255, 255, 255, .055);--ph-border: rgba(255, 255, 255, .11);--ph-purple: #a855f7;--ph-cyan: #22d3ee;--ph-pink: #ec4899;--ph-green: #4ade80;width:100%;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#portfolioHeroMount,#portfolioHeroMount *{box-sizing:border-box}#portfolioHeroMount p,#portfolioHeroMount h2,#portfolioHeroMount h3,#portfolioHeroMount h4{margin-top:0}.portfolio-hero-main{position:relative;z-index:10;width:100%}.portfolio-hero{position:relative;--portfolio-hero-top: -80px;top:var(--portfolio-hero-top);display:flex;min-height:50vh;padding:7rem 1.5rem 0;align-items:center;justify-content:center}.portfolio-hero-grid{display:grid;width:100%;max-width:1280px;margin:0 auto;gap:3rem;align-items:center}.ph-glass{background:var(--ph-card);border:1px solid var(--ph-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.portfolio-availability{display:inline-flex;margin-bottom:2rem;padding:.5rem 1.25rem;gap:.75rem;align-items:center;color:#d4d4d8;border-radius:999px;font-size:1rem}.portfolio-status-dot{flex:0 0 auto;width:10px;height:10px;background:var(--ph-green);border-radius:50%;box-shadow:0 0 #22c55ecc;animation:portfolioPulseDot 1.8s infinite}@keyframes portfolioPulseDot{70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}.portfolio-title{margin-bottom:2rem;font-size:3rem;font-weight:900;line-height:.9;letter-spacing:-.06em}.portfolio-gradient-text{color:transparent;background:linear-gradient(90deg,var(--ph-purple),var(--ph-cyan),var(--ph-pink));background-clip:text;-webkit-background-clip:text}.portfolio-lead{max-width:768px;margin-bottom:1.25rem;color:#d4d4d8;font-size:1.25rem;line-height:1.625}.portfolio-description{max-width:672px;margin-bottom:2.5rem;color:#a1a1aa;font-size:1.125rem;line-height:1.625}.portfolio-actions{display:flex;flex-wrap:wrap;gap:1rem}.portfolio-button{display:inline-flex;padding:1rem 2rem;align-items:center;justify-content:center;border-radius:1rem;color:#fff;font-weight:900;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .25s ease,box-shadow .25s ease}.portfolio-button-primary{color:#000;background:#fff}.portfolio-button-primary:hover{color:#fff;background:var(--ph-purple)}.portfolio-button-glass:hover{background:#ffffff1a}.portfolio-button-outline{color:#a5f3fc;border:1px solid rgba(34,211,238,.4)}.portfolio-button-outline:hover{background:#22d3ee1a}#portfolioHeroMount .magnetic{transition:transform .25s ease,box-shadow .25s ease,background-color .2s ease,color .2s ease}#portfolioHeroMount .magnetic:hover{transform:translateY(-7px) scale(1.015)}.portfolio-hero-visual{position:relative}.portfolio-card-glow{position:absolute;inset:-1.5rem;border-radius:3rem;background:linear-gradient(135deg,#a855f740,#06b6d433);filter:blur(48px)}.portfolio-code-card{position:relative;padding:1.5rem;overflow:hidden;border-radius:3rem;transform-style:preserve-3d;transition:transform .2s ease}.portfolio-card-header{display:flex;margin-bottom:2rem;gap:1rem;align-items:center;justify-content:space-between}.portfolio-card-label{margin-bottom:.25rem;color:#a1a1aa;font-size:.875rem}.portfolio-card-header h3{margin-bottom:0;font-size:1.875rem;line-height:1.2;font-weight:900}.portfolio-code-icon{display:grid;flex:0 0 auto;width:56px;height:56px;place-items:center;border-radius:1rem;background:linear-gradient(135deg,var(--ph-purple),var(--ph-cyan));font-size:1.5rem}.portfolio-code-block{margin-bottom:1.5rem;padding:1.25rem;color:#d4d4d8;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.portfolio-code-block p{margin-bottom:.25rem}.portfolio-code-block p:last-child{margin-bottom:0}.code-indent{padding-left:1.25rem}.code-purple{color:#c084fc}.code-cyan{color:#67e8f9}.portfolio-typing:after{content:"|";color:var(--ph-cyan);animation:portfolioTypingBlink .9s step-end infinite}@keyframes portfolioTypingBlink{50%{opacity:0}}.portfolio-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.portfolio-stat{padding:1.25rem;border-radius:1.5rem}.portfolio-stat h4{margin-bottom:.25rem;font-size:1.875rem;font-weight:900}.portfolio-stat p{margin-bottom:0;color:#a1a1aa}#portfolioHeroMount .reveal-left,#portfolioHeroMount .reveal-right{opacity:0;transition:opacity .8s ease,transform .8s ease}#portfolioHeroMount .reveal-left{transform:translate(-40px)}#portfolioHeroMount .reveal-right{transform:translate(40px)}#portfolioHeroMount .reveal-left.show,#portfolioHeroMount .reveal-right.show{opacity:1;transform:translate(0)}@media(min-width:768px){.portfolio-title{font-size:4.5rem}.portfolio-lead{font-size:1.5rem}.portfolio-code-card{padding:2rem}}@media(min-width:1024px){.portfolio-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}@media(min-width:1280px){.portfolio-title{font-size:6rem}}@media(max-width:640px){.portfolio-hero{min-height:auto;padding:7rem 1rem 3rem}.portfolio-hero-grid{gap:2.5rem}.portfolio-availability{padding:.5rem 1rem;font-size:.82rem;line-height:1.4}.portfolio-title{font-size:clamp(2.65rem,13vw,3.5rem)}.portfolio-lead{font-size:1.1rem}.portfolio-description{font-size:1rem}.portfolio-actions{flex-direction:column}.portfolio-button{width:100%}.portfolio-card-header{align-items:flex-start}.portfolio-card-header h3{font-size:1.45rem}.portfolio-code-icon{width:48px;height:48px}.portfolio-code-block{padding:1rem;overflow-x:auto;font-size:.75rem}.portfolio-stat{padding:1rem}.portfolio-stat h4{font-size:1.35rem}.portfolio-stat p{font-size:.82rem}}@media(prefers-reduced-motion:reduce){#portfolioHeroMount *,#portfolioHeroMount *:before,#portfolioHeroMount *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}#portfolioHeroMount .reveal-left,#portfolioHeroMount .reveal-right{opacity:1;transform:none}}#portfolioHeroMount .portfolio-about{position:relative;--portfolio-about-top: -80px;top:var(--portfolio-about-top);width:100%;padding:7rem 1.5rem;color:#fff}#portfolioHeroMount .portfolio-about-grid{display:grid;width:100%;max-width:1280px;margin:0 auto;gap:4rem;align-items:start}#portfolioHeroMount .portfolio-about-copy{min-width:0}#portfolioHeroMount .portfolio-about-kicker{margin-bottom:1rem;color:#d8b4fe;font-size:.875rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase}#portfolioHeroMount .portfolio-about-title{max-width:760px;margin-bottom:2rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.02;letter-spacing:-.045em}#portfolioHeroMount .portfolio-about-text{max-width:760px;font-size:1.125rem;line-height:1.75}#portfolioHeroMount .portfolio-about-text--primary{margin-bottom:1.5rem;color:#d4d4d8}#portfolioHeroMount .portfolio-about-text--secondary{margin-bottom:2rem;color:#a1a1aa}#portfolioHeroMount .portfolio-about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#portfolioHeroMount .portfolio-about-feature{min-width:0;padding:1.5rem;border-radius:1.5rem}#portfolioHeroMount .portfolio-about-feature-icon{display:inline-block;margin-bottom:1rem;font-size:1.5rem}#portfolioHeroMount .portfolio-about-feature-icon--cyan{color:#67e8f9}#portfolioHeroMount .portfolio-about-feature-icon--purple{color:#d8b4fe}#portfolioHeroMount .portfolio-about-feature-icon--pink{color:#f9a8d4}#portfolioHeroMount .portfolio-about-feature h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}#portfolioHeroMount .portfolio-about-feature p{margin-bottom:0;color:#a1a1aa;line-height:1.6}#portfolioHeroMount .portfolio-about-proposal{padding:2rem;border-radius:3rem}#portfolioHeroMount .portfolio-about-proposal>h3{margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900;line-height:1.1;letter-spacing:-.035em}#portfolioHeroMount .portfolio-about-list{display:grid;gap:1.25rem}#portfolioHeroMount .portfolio-about-item{display:flex;gap:1rem;align-items:flex-start}#portfolioHeroMount .portfolio-about-item p{margin:0;color:#d4d4d8;line-height:1.65}#portfolioHeroMount .portfolio-about-number{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:1rem;font-weight:900}#portfolioHeroMount .portfolio-about-number--purple{color:#e9d5ff;background:#a855f733}#portfolioHeroMount .portfolio-about-number--cyan{color:#cffafe;background:#06b6d433}#portfolioHeroMount .portfolio-about-number--pink{color:#fce7f3;background:#ec489933}#portfolioHeroMount .portfolio-about-number--green{color:#dcfce7;background:#22c55e33}@media(min-width:1024px){#portfolioHeroMount .portfolio-about-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}#portfolioHeroMount .portfolio-about-proposal{position:sticky;top:7rem}}@media(max-width:640px){#portfolioHeroMount .portfolio-about{padding:4rem 1rem}#portfolioHeroMount .portfolio-about-grid{gap:2.5rem}#portfolioHeroMount .portfolio-about-title{font-size:clamp(2.25rem,11vw,3.2rem)}#portfolioHeroMount .portfolio-about-text{font-size:1rem}#portfolioHeroMount .portfolio-about-features{grid-template-columns:1fr}#portfolioHeroMount .portfolio-about-proposal{padding:1.5rem;border-radius:2rem}}html{width:100%;height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;margin:0;padding:0;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}body{width:100%;height:auto;min-height:100vh;overflow-x:clip;overflow-y:visible;margin:0;padding:0}#circuitCanvas{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1!important;pointer-events:none!important;display:block!important;background-color:#242424!important;visibility:visible!important;opacity:1!important}#app{position:relative;z-index:2;background-color:transparent!important;width:100%!important;overflow:visible!important}@media(max-width:640px){#circuitCanvas{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1!important;pointer-events:none!important;display:block!important;background-color:#242424!important;visibility:visible!important;opacity:1!important}#app{position:relative;z-index:2;background-color:transparent!important;width:100%!important;overflow:visible!important}}#fids-logo,#fids-animation,.fids-animation{color:#00e8e8;text-shadow:0 0 5px #00c8c8,0 0 10px #009999;transition:color .38s ease-in,text-shadow .38s ease-in;letter-spacing:.07em}.footer .read-the-docs{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:normal}#fids-logo{font-family:Share Tech Mono,Courier New,monospace;font-size:1.25em}#fids-animation,.fids-animation{font-family:Share Tech Mono,Courier New,monospace;font-size:var(--fids-number-size, 1.25em);line-height:1;font-weight:400;letter-spacing:.07em}.fids-animation--small{--fids-number-size: 1em}.fids-animation--large{--fids-number-size: 1.6em}.fids-animation--xlarge{--fids-number-size: 2.2rem}.counter-text{font-family:var(--font-mono);font-size:10px;color:#6b6b6b;letter-spacing:1.5px;line-height:1.1;position:relative}.counter .fids-animation{color:#00e8e8;text-shadow:0 0 5px #00c8c8,0 0 10px #009999}#fids-logo.iberia-fids--dim,#fids-animation.iberia-fids--dim,.fids-animation.iberia-fids--dim{color:#6b6b6b;text-shadow:none;transition:color .15s ease-out,text-shadow .15s ease-out}footer.footer{position:relative;left:auto;width:100%;bottom:auto;min-height:5px;transform:translateY(var(--footer-offset, 0));transition:transform .2s ease;padding:10px 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;font-family:Share Tech Mono,monospace;font-size:12px;color:#ffffff4d;letter-spacing:3px}@media(max-width:640px){footer.footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem;min-height:auto;max-height:none;height:auto}}#counter:hover{border-color:var(--react-cyan, #61DAFB);box-shadow:0 0 12px #61dafb4d;background:#0c0c1acc}.socials{display:flex;gap:12px;margin-top:18px}.socials a{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff0d;margin:0;color:#fff;font-size:18px;transition:.3s ease;text-decoration:none}.socials a:hover{transform:translateY(-5px) scale(1.08);color:#fff}.socials a{opacity:0;transform:translateY(42px) scale(.9);transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.socials.socials--visible a{opacity:1;transform:translateY(0) scale(1)}.socials.socials--visible a:nth-child(1){transition-delay:0s}.socials.socials--visible a:nth-child(2){transition-delay:.12s}.socials.socials--visible a:nth-child(3){transition-delay:.24s}.socials.socials--visible a:nth-child(4){transition-delay:.36s}.socials:not(.socials--visible) a:nth-child(1){transition-delay:.36s}.socials:not(.socials--visible) a:nth-child(2){transition-delay:.24s}.socials:not(.socials--visible) a:nth-child(3){transition-delay:.12s}.socials:not(.socials--visible) a:nth-child(4){transition-delay:0s}@media(max-width:640px){.socials{overflow:visible}.socials a{opacity:0;transform:translateY(64px) scale(.82);transition:opacity .72s ease,transform .72s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.socials.socials--visible a{opacity:1;transform:translateY(0) scale(1)}}.marquee-wrap-gray{--marquee-height: 86px;--marquee-padding-y: 10px;--marquee-font-size: clamp(52px, 7vw, 80px);--marquee-letter-spacing: -.06em;--marquee-opacity: .42;display:block;width:100%;margin:2rem 0;padding:var(--marquee-padding-y) 0;min-height:var(--marquee-height);overflow:hidden;position:relative;z-index:50;isolation:isolate;border-top:1px solid rgba(200,200,210,.35);border-bottom:1px solid rgba(200,200,210,.35);background:linear-gradient(180deg,#1e1e1e80,#0a0a0acc);box-sizing:border-box}.marquee-gray{display:inline-block;min-width:max-content;white-space:nowrap;font-size:var(--marquee-font-size);line-height:1;font-weight:950;letter-spacing:var(--marquee-letter-spacing);opacity:var(--marquee-opacity);color:#363636;animation:marqueeScroll 25s linear infinite;will-change:transform}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-gray{animation:none;transform:translate(0)}}@media(max-width:640px){.marquee-wrap-gray{--marquee-height: 78px;--marquee-padding-y: 12px;--marquee-font-size: clamp(46px, 14vw, 64px);--marquee-letter-spacing: -.055em;--marquee-opacity: .42}}.marquee-separator{display:inline-block;margin:0 1rem;color:#fc0;opacity:.42}.reveal{opacity:0;visibility:hidden;transform:translate3d(0,88px,0) scale(.97);transition:opacity 1.35s cubic-bezier(.16,1,.3,1),transform 1.35s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.35s;will-change:opacity,transform}.reveal.show{opacity:1;visibility:visible;transform:translateZ(0) scale(1);transition-delay:0s}@media(prefers-reduced-motion:reduce){.reveal,.reveal.show{opacity:1;visibility:visible;transform:none;filter:none;transition:none}}:root{--caterinostudio-asset-revision: 20260831;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:#242424;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}#app{width:min(1280px,100%);margin:0 auto;padding:clamp(.75rem,2.5vw,2rem);text-align:center;box-sizing:border-box}.app-shell{width:min(1100px,100%);margin:0 auto}.sap-course-access-btn{position:absolute;right:16px;bottom:16px;z-index:1200;width:46px;height:46px;border-radius:50%;border:1px solid rgba(59,130,246,.45);background:radial-gradient(circle at 30% 20%,#1e3a8a,#0f172a);display:grid;place-items:center;text-decoration:none;cursor:grab;box-shadow:0 8px 22px #00000059;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;touch-action:pan-y}@media(max-width:860px){.sap-course-access-btn{position:absolute;inset:8px auto auto 8px}}.sap-course-access-btn:hover{transform:translateY(-2px);border-color:#06b6d4a6;box-shadow:0 12px 26px #0000006b}.sap-course-access-btn.dragging{cursor:grabbing;transition:none}.sap-course-access-btn.dragging-touch{cursor:grab;transition:none;opacity:.92}.sap-course-access-btn--abap{background:radial-gradient(circle at 30% 20%,#0f4c81,#091423)}.sap-course-access-btn--quiz{background:radial-gradient(circle at 30% 20%,#0b3b2e,#03140f);border-color:#10b98185}.sap-course-access-btn--claude{background:radial-gradient(circle at 30% 20%,#5f3a2f,#20120e);border-color:#c784679e}.sap-course-logo{font-family:Roboto Mono,monospace;font-size:11px;font-weight:700;color:#e2e8f0;letter-spacing:.8px}.sap-course-logo--abap{font-size:10px;letter-spacing:.35px}.sap-course-logo--quiz{font-size:11px;letter-spacing:.55px}.sap-course-logo-icon{width:21px;height:21px}.sap-course-logo-icon--claude{color:#d57957;stroke:currentColor;fill:none;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.sap-course-access-btn--github,.sap-course-access-btn--github:hover{background:transparent;border-color:transparent;box-shadow:none}.sap-course-logo-icon--github{width:50px;height:50px;fill:#f0f6fcd1;stroke:none;transition:fill .2s ease}.sap-course-access-btn--github:hover .sap-course-logo-icon--github{fill:#fff}.sap-course-access-btn:after{content:attr(data-tooltip);position:absolute;right:56px;top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;background:#0f172af2;color:#cbd5e1;border:1px solid rgba(59,130,246,.35);border-radius:8px;padding:6px 10px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.sap-course-access-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:640px){.sap-course-access-btn{right:12px;bottom:12px;width:42px;height:42px}.sap-course-access-btn:after{display:none}}.calculator-toggle-container{margin:1.5rem 0}.toggle-calculator-btn{width:min(100%,460px);white-space:normal;line-height:1.35;text-wrap:balance}.menstrual-calculator{margin:2rem auto;padding:0;background:linear-gradient(160deg,#1a0020,#1e0a2e,#160018);border-radius:20px;border:1px solid rgba(192,38,211,.25);box-shadow:0 8px 48px #c026d32e,0 2px #ffffff0a inset;max-width:620px;opacity:0;transform:translateY(-20px);transition:all .4s ease;overflow:hidden}.menstrual-calculator.visible{opacity:1;transform:translateY(0)}.menstrual-calculator h3{display:flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,rgba(192,38,211,.22) 0%,transparent 100%);border-bottom:1px solid rgba(192,38,211,.2);color:#f0abfc;margin:0;padding:1.25rem 1.75rem;font-size:1.3rem;font-weight:700;letter-spacing:.01em}.date-input-container{display:flex;flex-direction:column;gap:.9rem;align-items:stretch;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.date-input-container label{font-weight:500;font-size:.88rem;color:#c4b5d1;letter-spacing:.03em;text-transform:uppercase}.date-input-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.date-input{flex:1 1 180px;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(192,38,211,.35);background:#ffffff0d;color:#f0abfc;font-size:1rem;min-width:0;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.date-input:focus{outline:none;border-color:#e879f9;background:#e879f914;box-shadow:0 0 0 3px #e879f92e;color:#fff}.date-input::-webkit-calendar-picker-indicator{filter:invert(70%) sepia(60%) saturate(500%) hue-rotate(260deg);cursor:pointer}.calculate-btn{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;background:linear-gradient(135deg,#c026d3,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #c026d361;white-space:nowrap}.calculate-btn:hover{background:linear-gradient(135deg,#d946ef,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 20px #c026d38c}.calculate-btn:active{transform:translateY(0)}.resultado-ciclo{padding:0 1.75rem 1.75rem}.ciclo-resultado h4{display:flex;align-items:center;gap:.5rem;color:#f0abfc;margin:1.4rem 0 1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.fases-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.fase-card{position:relative;border-radius:14px;padding:1.1rem 1.1rem 1rem;margin-bottom:0;border:1px solid rgba(255,255,255,.07);text-align:left;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.fase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:var(--fase-color, #ff6b9d)}.fase-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.fase-card h5{margin:0 0 .65rem;font-size:.95rem;font-weight:700;color:var(--fase-color, #ff6b9d);display:flex;align-items:center;gap:.35rem}.fase-card p{margin:.28rem 0;font-size:.82rem;color:#c4b5d1;line-height:1.5}.fase-card p strong{color:#e2d4f0;font-weight:600}.menstruacion{--fase-color: #f87171;background:linear-gradient(145deg,#f871711a,#1e0a2e99)}.faseFolicular{--fase-color: #34d399;background:linear-gradient(145deg,#34d3991a,#1e0a2e99)}.ovulacion{--fase-color: #fbbf24;background:linear-gradient(145deg,#fbbf241f,#1e0a2e99)}.ventana-fertil{--fase-color: #f472b6;background:linear-gradient(145deg,#f472b61f,#1e0a2e99)}.proximo-ciclo{--fase-color: #a78bfa;background:linear-gradient(145deg,#a78bfa1f,#1e0a2e99);grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:flex-start}.proximo-ciclo .proximo-col{flex:1 1 180px;min-width:0}.proximo-ciclo h5{margin-bottom:.5rem}.ciclo-progress-bar{display:flex;border-radius:8px;overflow:hidden;height:10px;margin:.85rem 0 1.1rem;gap:2px}.ciclo-progress-bar span{display:block;height:100%;border-radius:2px;transition:flex .5s ease}.ciclo-progress-bar .seg-menstruacion{background:#f87171;flex:5}.ciclo-progress-bar .seg-folicular{background:#34d399;flex:9}.ciclo-progress-bar .seg-fertil{background:#f472b6;flex:6}.ciclo-progress-bar .seg-ovulacion{background:#fbbf24;flex:1}.ciclo-progress-bar .seg-lutea{background:#a78bfa;flex:13}.pin-auth-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:10000}.pin-auth-modal{background:linear-gradient(145deg,#1e1e1e,#121212);border-radius:16px;width:90%;max-width:360px;position:relative;box-shadow:0 20px 50px #00000080;border:1px solid rgba(192,38,211,.3);overflow:hidden;color:#fff}.pin-auth-header{background:#c026d31a;padding:16px 20px;border-bottom:1px solid rgba(192,38,211,.2)}.pin-auth-header h4{margin:0;font-size:1.1rem;color:#f0abfc}.pin-auth-close-btn{position:absolute;top:0;right:0;background:#f006;border:none;border-radius:0 16px 0 8px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;z-index:10}.pin-auth-close-btn:hover{background:#f00c}.pin-auth-close-btn svg{width:20px;height:20px}.pin-auth-body{padding:24px 20px;text-align:center}.pin-auth-body p{margin:0 0 20px;color:#d1c1e6;font-size:.95rem}.pin-dots-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px;cursor:text}.pin-dot-slot{width:56px;height:56px;border-bottom:3px solid rgba(192,38,211,.4);display:flex;align-items:center;justify-content:center;font-size:2.4rem;line-height:1;font-weight:700;color:#6b6b6b}.pin-dot-active{border-bottom-color:#e879f9}.pin-dot-slot.placeholder{color:#6b6b6b}.pin-dot-slot.filled{color:#f0abfc}.pin-hidden-input{opacity:0;position:absolute;pointer-events:auto;width:1px;height:1px;left:50%;transform:translate(-50%)}.pin-auth-footer{padding:0 20px 24px;display:flex;flex-direction:column;gap:12px}.pin-actions-row{display:flex;gap:10px;justify-content:center}.btn-pin{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s;flex:1}.btn-pin-cancel{background:#2a2a2a;color:#fff}.btn-pin-accept{background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff}.btn-pin:hover{opacity:.9;transform:translateY(-1px)}.change-pin-link{color:#d6b8ff;text-decoration:underline;font-size:.9rem;background:none;border:none;cursor:pointer}.oval-switch-container{display:flex;align-items:center;gap:10px;margin-left:auto}.oval-switch-label{font-size:.85rem;color:#c4b5d1;text-transform:uppercase;font-weight:600}.oval-switch{position:relative;display:inline-block;width:44px;height:22px}.oval-switch input{opacity:0;width:0;height:0}.oval-slider{position:absolute;cursor:pointer;inset:0;background-color:#2a2a2a;transition:.4s;border-radius:34px;border:1px solid rgba(192,38,211,.3)}.oval-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000004d}input:checked+.oval-slider{background:linear-gradient(90deg,#7c3aed,#c026d3)}input:checked+.oval-slider:before{transform:translate(22px)}.app-card--cycle.blurred{filter:blur(8px) grayscale(.5);pointer-events:auto;cursor:pointer;transition:filter .5s ease}.app-card--cycle.unblurred{filter:none;pointer-events:auto;transition:filter .5s ease}.input-feedback{min-height:20px;color:#ff4d4d;font-size:.8rem;margin-top:5px}@media(max-width:640px){h1{font-size:clamp(2rem,8vw,2.5rem)}.logo{height:4.5em;padding:.9em}.menstrual-calculator{margin:1rem 0;border-radius:14px}.menstrual-calculator h3{padding:1rem 1.2rem;font-size:1.1rem}.date-input-container{padding:1.1rem 1.2rem;gap:.75rem}.date-input-row{flex-direction:column;align-items:stretch}.date-input{flex:1 1 auto}.calculate-btn{justify-content:center}.resultado-ciclo{padding:0 1.2rem 1.2rem}.fases-grid{grid-template-columns:1fr}.proximo-ciclo{grid-column:auto}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-text{font-size:18px;color:#fff;text-align:center;padding:20px;font-weight:500;display:inline-block}.loading-text:after{content:"";color:red;animation:dots 1.6s steps(4,end) infinite;display:inline-block;width:20px;text-align:left}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}#circuitCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}#app{position:relative;z-index:10;padding-bottom:2rem}@media(max-width:640px){footer.footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom,0px));max-height:100px}.footer-text{font-size:.65rem;line-height:1.2}}@media(max-width:480px){footer.footer{padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom,0px))}.footer-text{font-size:.6rem}}html{width:100%!important;height:auto!important;min-height:100%!important;overflow-x:clip!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;scroll-behavior:auto;-webkit-overflow-scrolling:touch}body,body.main-body,body.boot-loading{position:static!important;width:100%!important;height:auto!important;min-height:100vh!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:visible!important;overscroll-behavior-y:auto!important;padding-bottom:0!important}html,body{background-color:#000!important}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}#app{position:relative!important;overflow:visible!important;min-height:auto!important;height:auto!important;padding-bottom:1.5rem!important}.app-shell{min-height:auto!important;height:auto!important;overflow:visible!important}@media(max-width:640px){#app{width:100%!important;padding:5.25rem .85rem 1rem!important}.app-shell{width:100%!important}}@media(min-width:641px){body.main-body{display:flex!important;flex-direction:column!important;min-height:100vh!important}#app{flex:1 0 auto!important;padding-top:6rem!important}}.app-launcher-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:2.5rem auto 2rem;width:min(1180px,100%)}@media(max-width:900px){.app-launcher-grid{grid-template-columns:repeat(2,1fr)}}.app-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;aspect-ratio:1 / 1;min-height:190px;padding:22px 22px 20px;border-radius:22px;border:none;box-sizing:border-box;cursor:pointer;text-align:left;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;text-decoration:none;width:100%;min-width:0;touch-action:pan-y;transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .38s cubic-bezier(.25,.46,.45,.94),filter .38s ease}.app-card:visited{color:#fff}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#fff0,#ffffff21 45%,#fff0);transform:translate(-100%) skew(-15deg);transition:transform .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:2;border-radius:inherit}.app-card:hover:before{transform:translate(120%) skew(-15deg)}.app-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 130%,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none;z-index:1}.app-card:hover{transform:translateY(-8px) scale(1.025);filter:brightness(1.06)}.app-card:active{transform:translateY(-2px) scale(.985);transition:transform .12s cubic-bezier(.25,.46,.45,.94),box-shadow .12s ease}.app-card-reorder-active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.app-launcher-grid.is-reordering .app-card:not(.is-reordering-card){transition:transform .18s ease,opacity .18s ease}.app-card.is-reordering-card{position:fixed;z-index:10020;pointer-events:none;transform:scale(1.035) rotate(-1deg);box-shadow:0 22px 60px #00000073,0 0 0 1px #fff3 inset;opacity:.96;touch-action:none}.app-card-reorder-placeholder{border-radius:22px;border:2px dashed rgba(255,255,255,.38);background:#ffffff12;box-shadow:0 0 0 1px #ffffff14 inset;min-height:190px}.app-card-icon{position:relative;z-index:3;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;margin-top:0;flex-shrink:0;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.app-card:hover .app-card-icon{transform:scale(1.12) rotate(-3deg)}.app-card-icon svg,.app-card-icon img{width:32px;height:32px}.app-card-body{position:relative;z-index:3;margin-top:14px}.app-card-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-bottom:3px;line-height:1}.app-card-title{display:block;font-size:1.05rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.app-card-sub{display:block;font-size:.76rem;font-weight:400;opacity:.7;margin-top:3px;line-height:1.35}.app-card-badge{position:absolute;top:16px;right:16px;z-index:4;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:#ffffff38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.28)}.app-card--yt{background:linear-gradient(145deg,#1a0000,#3d0000 35%,#c00)!important;box-shadow:0 4px 24px #cc000073,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--yt:hover{box-shadow:0 16px 48px #cc00008c,0 1px #ffffff14 inset}.app-card--yt .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--instagram{background:radial-gradient(circle at 28% 105%,#feda75 0 13%,#fa7e1e 30%,#d62976 56%,#962fbf 77%,#4f5bd5)!important;box-shadow:0 5px 28px #d6297675,0 1px #ffffff29 inset}.app-card--instagram:hover{box-shadow:0 18px 52px #d6297694}.app-card--instagram .app-card-icon{background:#ffffff29;box-shadow:0 8px 25px #4a0e503d}.app-card--vbs{background:linear-gradient(145deg,#020202,#171717 42%,#343434)!important;box-shadow:0 4px 24px #0000008c,0 1px #ffffff14 inset,0 -1px #00000059 inset;color:#fff}.app-card--vbs:hover{box-shadow:0 16px 48px #000000b3,0 1px #ffffff1a inset}.app-card--vbs .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #00000059}.app-card--qr{background:linear-gradient(145deg,#001233,#0d2b6e 40%,#1a56db)!important;box-shadow:0 4px 24px #1a56db6b,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--qr:hover{box-shadow:0 16px 48px #1a56db85,0 1px #ffffff14 inset}.app-card--qr .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--cycle{background:linear-gradient(145deg,#1a0018,#5b0070 40%,#c026d3)!important;box-shadow:0 4px 24px #c026d36b,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--cycle:hover{box-shadow:0 16px 48px #c026d385,0 1px #ffffff14 inset}.app-card--cycle .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--calendar{background:linear-gradient(145deg,#001810,#064e3b 40%,#059669)!important;box-shadow:0 4px 24px #0596696b,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--calendar:hover{box-shadow:0 16px 48px #05966985,0 1px #ffffff14 inset}.app-card--calendar .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--calendar .app-card-icon img{width:42px;height:34px;object-fit:contain}.app-card--pwd{background:linear-gradient(145deg,#1a0a00,#78350f 40%,#f59e0b)!important;box-shadow:0 4px 24px #f59e0b6b,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--pwd:hover{box-shadow:0 16px 48px #f59e0b8c,0 1px #ffffff14 inset}.app-card--pwd .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--sap-course{background:linear-gradient(145deg,#001528,#063b77 42%,#0f6abf)!important;box-shadow:0 4px 24px #0f6abf6b,0 1px #ffffff0f inset,0 -1px #00000040 inset}.app-card--sap-course:hover{box-shadow:0 16px 48px #0f6abf85,0 1px #ffffff14 inset}.app-card--sap-course .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--abap-course{background:linear-gradient(145deg,#00131f,#075985 42%,#0ea5e9)!important;box-shadow:0 4px 24px #0ea5e96b,0 1px #ffffff0f inset,0 -1px #00000040 inset}.app-card--abap-course:hover{box-shadow:0 16px 48px #0ea5e985,0 1px #ffffff14 inset}.app-card--abap-course .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--quiz-course{background:linear-gradient(145deg,#1f1a00,#8a6f00 42%,#f7df1e)!important;box-shadow:0 4px 24px #f7df1e52,0 1px #ffffff0f inset,0 -1px #00000040 inset}.app-card--quiz-course:hover{box-shadow:0 16px 48px #f7df1e6b,0 1px #ffffff14 inset}.app-card--quiz-course .app-card-icon{background:#00000024;box-shadow:0 2px 12px #0000004d}.app-card--claude-course{background:linear-gradient(145deg,#1f120b,#6f3f2b 42%,#c78467)!important;box-shadow:0 4px 24px #c7846761,0 1px #ffffff0f inset,0 -1px #00000040 inset}.app-card--claude-course:hover{box-shadow:0 16px 48px #c784677a,0 1px #ffffff14 inset}.app-card--claude-course .app-card-icon{background:#ffffff1a;box-shadow:0 2px 12px #0000004d}.app-card--securevault{background:linear-gradient(145deg,#24103f,#5b21b6 48%,#a855f7)!important;box-shadow:0 4px 24px #a855f761,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--securevault:hover{box-shadow:0 16px 48px #a855f785,0 1px #ffffff14 inset}.app-card--securevault .app-card-icon{background:#fbbf2429;box-shadow:0 2px 12px #0000004d,0 0 0 1px #fbbf2429 inset}.app-card--github-control{background:linear-gradient(145deg,#042f34,#0e7490 45%,#22d3ee)!important;box-shadow:0 4px 24px #22d3ee5c,0 1px #ffffff0f inset,0 -1px #00000040 inset;color:#fff}.app-card--github-control:hover{box-shadow:0 16px 48px #22d3ee7a,0 1px #ffffff14 inset}.app-card--github-control .app-card-icon{background:#042f343d;box-shadow:0 2px 12px #0000004d}.app-card--github-control .app-card-github-logo{fill:#fff}.app-card--domino-pro{background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.24),transparent 24%),linear-gradient(145deg,#042b31,#075764 44%,#15948d)!important;box-shadow:0 4px 24px #15948d61,0 1px #ffffff1a inset,0 -1px #00000040 inset;color:#fff}.app-card--domino-pro:hover{box-shadow:0 16px 52px #15948d85,0 1px #ffffff24 inset}.app-card--domino-pro .app-card-icon{background:#ffffff21;box-shadow:0 2px 14px #042b3157,0 0 0 1px #ffffff1f inset}.app-card--takemechat{background:radial-gradient(circle at 78% 16%,rgba(24,217,243,.42),transparent 27%),linear-gradient(145deg,#061637,#082e7a 43%,#0875ed 77%,#14cfe9 130%)!important;box-shadow:0 4px 24px #086ef56b,0 1px #ffffff29 inset,0 -1px #0000003d inset;color:#fff}.app-card--takemechat:hover{box-shadow:0 16px 52px #086ef594,0 1px #ffffff38 inset}.app-card--takemechat .app-card-icon{background:#ffffff21;box-shadow:0 2px 14px #0114416b,0 0 0 1px #ffffff29 inset}.app-card--caterino-music{background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.28),transparent 24%),linear-gradient(145deg,#3c061d,#b51245 44%,#ff2d55 74%,#ff7a9f)!important;box-shadow:0 4px 24px #ff2d556b,0 1px #ffffff1f inset,0 -1px #00000040 inset;color:#fff}.app-card--caterino-music:hover{box-shadow:0 16px 52px #ff2d558f,0 1px #ffffff29 inset}.app-card--caterino-music .app-card-icon{background:#ffffff21;box-shadow:0 2px 14px #48061c57,0 0 0 1px #ffffff1f inset}.app-card:focus-visible{outline:2.5px solid rgba(255,255,255,.8);outline-offset:3px}#code-generator-container .code-generator-toggle-container{display:none!important}@media(max-width:1100px){.app-launcher-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.app-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:1.25rem}.app-card{min-height:140px;aspect-ratio:auto;padding:14px;border-radius:16px}.app-card-reorder-placeholder{min-height:140px;border-radius:16px}.app-card-icon{width:44px;height:44px;border-radius:12px}.app-card-icon svg,.app-card-icon img{width:28px;height:28px}.app-card-title{font-size:.92rem;line-height:1.2}.app-card-sub{font-size:.7rem;line-height:1.25}.app-card-badge{top:12px;right:12px}}footer.footer{position:relative;left:auto;bottom:auto;z-index:60;width:100%;margin:0!important;margin-block-end:0!important;min-height:5px;flex-shrink:0;transform:none;transition:none;padding:10px 10% max(10px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;overflow:visible;font-family:Share Tech Mono,monospace;font-size:12px;color:#ffffff4d;letter-spacing:3px;background:linear-gradient(to top,#000000f2,#141414cc);border-top:0;box-shadow:0 96px #000}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1.5px;background:linear-gradient(90deg,transparent 0%,rgba(97,218,251,.12) 15%,rgba(97,218,251,.4) 50%,rgba(97,218,251,.12) 85%,transparent 100%);pointer-events:none}.footer-caterino#fids-animation{font-family:Share Tech Mono,monospace;font-size:12px;font-weight:inherit;letter-spacing:inherit}#counter{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-top:0;padding:0;border:none;background:transparent;box-shadow:none;outline:none;font-family:Share Tech Mono,monospace;font-size:12px;color:#ffffff4d;letter-spacing:1px;white-space:nowrap}#counter .fids-animation{font-family:Share Tech Mono,monospace;font-size:12px}.socials{display:flex;flex:0 0 auto;gap:12px;width:236px;height:118px;margin:10px -8px -64px;padding:8px 8px 64px;box-sizing:border-box;overflow:clip;contain:size layout paint;isolation:isolate}:root{--line: rgba(255, 255, 255, .12)}.socials a{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line, rgba(255, 255, 255, .12));background:#ffffff0d;margin:0;color:#fff;font-size:18px;text-decoration:none;opacity:0;transform:translateY(42px) scale(.9);transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}footer.footer .socials.socials--visible a{opacity:1;transform:translateY(0) scale(1)}footer.footer .socials.socials--visible a:nth-child(1){transition-delay:0s}footer.footer .socials.socials--visible a:nth-child(2){transition-delay:.12s}footer.footer .socials.socials--visible a:nth-child(3){transition-delay:.24s}footer.footer .socials.socials--visible a:nth-child(4){transition-delay:.36s}footer.footer .socials:not(.socials--visible) a:nth-child(1){transition-delay:.36s}footer.footer .socials:not(.socials--visible) a:nth-child(2){transition-delay:.24s}footer.footer .socials:not(.socials--visible) a:nth-child(3){transition-delay:.12s}footer.footer .socials:not(.socials--visible) a:nth-child(4){transition-delay:0s}.socials.socials--visible a:hover{transform:translateY(-5px) scale(1.08);transition-delay:0s}.socials a[aria-label=Instagram]:hover{border-color:transparent;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);box-shadow:0 16px 38px #d6249f59}.socials a[aria-label=GitHub]:hover{background:#181717;border-color:#333;box-shadow:0 16px 38px #ffffff1f}.socials a[aria-label=LinkedIn]:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 16px 38px #0a66c259}.socials a[aria-label=WhatsApp]:hover{background:#25d366;border-color:#25d366;box-shadow:0 16px 38px #25d36659}@media(max-width:640px){footer.footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom,0px));min-height:auto;max-height:none;height:auto}footer.footer>div:first-child{width:100%;text-align:center}.socials{overflow:clip}.socials a{opacity:0;transform:translateY(64px) scale(.82);transition:opacity .72s ease,transform .72s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}footer.footer .socials.socials--visible a{opacity:1;transform:translateY(0) scale(1)}}footer.footer .socials.socials--visible a:hover{transform:translateY(-5px) scale(1.08);transition-delay:0s}@media(prefers-reduced-motion:reduce){.socials a{opacity:1;transform:none;transition:none}}th,td{color:#fff;padding:12px;word-wrap:break-word;font-size:16px}#passwordManager{border:1px solid #ffe100ff}.password-list-title{text-align:center;color:#646cff;margin-top:0;margin-bottom:20px;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.background-container{position:relative;margin:40px -15px -15px;padding:1px 20px 70px;background-color:#ffffff0d;border-radius:10px;box-shadow:5px 4px 6px #0000001a}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.actions-cell{text-align:center;white-space:nowrap}.icon-btn{background:none;border:none;cursor:pointer;padding:6px;margin:0 2px;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;opacity:.7}.icon-btn:hover{opacity:1;transform:scale(1.1)}.edit-btn{color:#4caf50}.edit-btn:hover{background-color:#4caf501a}.delete-btn{color:#f44336}.delete-btn:hover{background-color:#f443361a}.icon-btn svg,.icon-btn svg *{pointer-events:none}table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}tbody tr{transition:background-color .2s ease;cursor:pointer}tbody tr:hover{background-color:#ffffff1a}tbody tr:hover td:first-child{border-radius:8px 0 0 8px}tbody tr:hover td:last-child{border-radius:0 8px 8px 0}tbody tr.selected{background-color:#ffe10033;border-left:3px solid #ffe100ff}tbody tr.selected td:first-child{border-radius:8px 0 0 8px}tbody tr.selected td:last-child{border-radius:0 8px 8px 0}@media(max-width:768px){.background-container{margin:24px -10px -10px;padding-right:10px;padding-bottom:78px;padding-left:10px}.password-list-title{font-size:18px;letter-spacing:.5px}th,td{font-size:14px;padding:10px 8px}table{min-width:640px}}.hide-modal{display:none!important}.modal-container{position:fixed;top:0;left:0;width:100vw;min-width:100vw;max-width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#00000080;box-sizing:border-box;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:786px){.modal-container{width:100%;min-width:100%;max-width:100%;height:100dvh;min-height:100dvh;padding:12px;align-items:center;justify-content:center}}.modal-dialog{position:fixed;background:#1e1e1e;border-radius:20px;padding:24px;box-sizing:border-box;box-shadow:0 4px 8px #0003;margin-top:0;margin-left:0;width:500px;height:500px;max-width:95vw;max-height:90vh;color:#fff;font-family:Arial,sans-serif}@media(max-width:786px){.modal-dialog{width:min(500px,100%);height:auto;max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:14px;padding:16px}}.close-modal{position:absolute;top:0;right:1px;background:#f006;border:none;outline:none;border-radius:0 20px 0 8px;width:40px;height:40px;font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center;transition:background .2s}.close-modal:focus{outline:none}.modal-dialog .close-modal:hover{background:#f00c}.modal-dialog span{display:block;font-size:1.2em;font-weight:700;color:#fff;margin-bottom:12px}.modal-dialog input{width:100%;padding:8px;margin-bottom:12px;border:none;border-radius:4px;box-sizing:border-box;outline:none}.password-field-container{position:relative;margin-bottom:12px}.password-field-container input{margin-bottom:0;padding-right:42px}.toggle-password{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;padding:0;border:none;background:transparent;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;font-size:16px}.toggle-password:hover{background:transparent;color:#8a8a8a}.toggle-password:focus{outline:none}.prev-btn{position:absolute;bottom:-55px;left:calc(50% - 130px);color:red;font-size:17px;border-radius:40px;background-color:#1a1a1a}.prev-btn:hover{border-color:#494949;border-width:2px}.prev-btn:focus{outline:none}.prev-btn:active{border-color:#000;border-width:2px}.next-btn{position:absolute;bottom:-55px;left:calc(50% + 45px);color:#09ff00;font-size:17px;border-radius:40px;background-color:#1a1a1a}.next-btn:hover{border-color:#494949;border-width:2px}.next-btn:focus{outline:none}.next-btn:active{border-color:#000;border-width:2px}.prev-btn.disabled{opacity:.5;cursor:not-allowed!important;pointer-events:auto;color:red!important;-webkit-text-fill-color:rgb(255,0,0)!important;background-color:#1a1a1a!important}.next-btn.disabled{opacity:.5;cursor:not-allowed!important;pointer-events:auto;color:#09ff00!important;-webkit-text-fill-color:#09ff00ff!important;background-color:#1a1a1a!important}.current-page-number{position:absolute;bottom:-54px;left:52%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:center;min-width:40px;height:40px;background-color:#fff;color:#000;border-radius:20px;font-weight:700;font-size:27px;box-shadow:0 2px 4px #0003;overflow:hidden}@media(max-width:900px){.prev-btn{left:calc(50% - 120px)}.next-btn{left:calc(50% + 40px)}}@media(max-width:768px){.prev-btn,.next-btn{bottom:-62px;font-size:15px;padding:.5em .85em}.prev-btn{left:calc(50% - 102px)}.next-btn{left:calc(50% + 28px)}.current-page-number{bottom:-61px;min-width:34px;height:34px;font-size:20px}.digit{font-size:20px}.digit-column{width:14px;height:26px}}.digits-container{display:flex;justify-content:center;align-items:center;height:100%}.digit-column{position:relative;width:18px;height:35px;overflow:hidden}.digit{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:27px;font-weight:700;color:#000}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-in-up{animation:slideInFromBottom .5s ease-out forwards}.slide-out-up{animation:slideOutToTop .5s ease-out forwards}.slide-in-down{animation:slideInFromTop .5s ease-out forwards}.slide-out-down{animation:slideOutToBottom .5s ease-out forwards}.prev-btn,.next-btn,.current-page-number{position:absolute}.prev-btn,.next-btn{bottom:-55px;min-width:86px;text-align:center}.current-page-number{bottom:-54px;left:50%;transform:translate(-50%);z-index:2}.prev-btn{left:48%;transform:translate(calc(-100% - 18px))}.next-btn{left:52%;transform:translate(18px)}.add-btn{position:absolute;bottom:-50px;left:calc(50% + 180px);color:#fff;font-size:27px;font-weight:700;background:transparent;border:none;border-radius:20%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;padding:0;margin:0;line-height:1;box-sizing:border-box;outline:none;z-index:1}@media(max-width:900px){.add-btn{left:calc(50% + 150px)}}@media(max-width:768px){.add-btn{bottom:-58px;left:auto;right:10px;font-size:24px;width:28px;height:28px}.add-btn:hover:after{width:34px;height:34px}}.add-btn:after{content:"";position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:#1b1a1aba;border-radius:50%;transition:width .3s ease,height .3s ease,transform .1s ease;z-index:-1}.add-btn:hover:after{width:40px;height:40px}.add-btn:active:after{width:38px;height:38px;transform:translate(-50%,-50%) scale(.95)}.add-btn:hover{border:none}.add-btn:focus{outline:none;border:none}.add-btn:active{border:none}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;font-size:12px;font-weight:400;padding:8px 12px;border-radius:6px;white-space:nowrap;z-index:1000;transition:all .3s ease;text-shadow:none;border:2px solid rgb(73,73,73)}.tooltip-text:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:rgb(73,73,73) transparent transparent transparent}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-2px;border-width:6px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.add-btn:hover .tooltip-text{visibility:visible;opacity:1}.code-generator-toggle-container{margin:1.5rem 0;text-align:center}.toggle-code-generator-btn{padding:12px 32px;background:#1976d2;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.5px;min-width:64px;position:relative;overflow:hidden}.toggle-code-generator-btn:hover{background:#1565c0;box-shadow:0 4px 8px #0000004d}.toggle-code-generator-btn:active{background:#0d47a1;box-shadow:0 6px 12px #0006}.code-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.code-modal{position:relative;background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 38px #00000024,0 9px 46px #0000001f,0 11px 15px #0003;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.code-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.code-modal-header h2{margin:0;color:#1976d2;font-size:20px;font-weight:500;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.close-modal-btn{position:absolute;top:0;right:1px;background:#f006;border:none;outline:none;border-radius:0 8px;width:40px;height:40px;font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s}.close-modal-btn:focus{outline:none}.close-modal-btn:hover{background:#f00c;color:#fff}.code-modal-body{padding:24px}.input-group{margin-bottom:24px}.input-group label{display:block;margin-bottom:8px;color:#1976d2;font-weight:500;font-size:14px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.code-input{width:100%;padding:16px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#424242;font-size:16px;font-family:Roboto Mono,Courier New,monospace;text-align:center;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.code-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.input-help{display:block;margin-top:8px;color:#757575;font-size:12px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.code-examples{background:#f5f5f5;padding:16px;border-radius:4px;margin-top:16px}.code-examples p{margin:0 0 12px;color:#424242;font-weight:500;font-size:14px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.example-codes{display:flex;gap:8px;flex-wrap:wrap}.example-code{background:#e3f2fd;color:#1976d2;padding:8px 12px;border-radius:16px;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #bbdefb}.example-code:hover{background:#1976d2;color:#fff;box-shadow:0 2px 4px #0003}.code-modal-footer{display:flex;gap:8px;padding:24px;border-top:1px solid #e0e0e0;justify-content:flex-end}.generate-btn,.cancel-btn{padding:10px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.5px;min-width:64px}.generate-btn{background:#1976d2;color:#fff;box-shadow:0 2px 4px #0003}.generate-btn:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 8px #0000004d}.generate-btn:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;box-shadow:none}.cancel-btn{background:transparent;color:#1976d2;border:1px solid #e0e0e0}.cancel-btn:hover{background:#f5f5f5}.printable-label{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:15000;padding:2rem;box-sizing:border-box}.label-content{background:#fff;width:80mm;max-width:100%;padding:10mm;border-radius:8px;box-shadow:0 10px 40px #0000004d;color:#000;text-align:center}.label-header h3{margin:0 0 8mm;font-size:16px;font-weight:500;border-bottom:2px solid #1976d2;padding-bottom:4mm;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1976d2}.codes-container{display:flex;justify-content:space-around;align-items:center;margin:8mm 0;gap:3mm}.qr-section,.barcode-section{flex:1;text-align:center}.qr-code{width:35mm;height:35mm;border:1px solid #ddd}.barcode{width:35mm;height:22mm;border:1px solid #ddd}.code-type{font-size:9px;margin:1mm 0 0;color:#666;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-code{margin:8mm 0;padding:4mm;background:#f8f9fa;border:2px dashed #1976d2;border-radius:4px}.code-text{font-family:Roboto Mono,Courier New,monospace;font-size:16px;font-weight:600;margin:0;letter-spacing:1.5px;color:#424242}.label-actions{display:flex;gap:3mm;margin-top:8mm;justify-content:center}.print-btn,.close-label-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.5px}.print-btn{background:#1976d2;color:#fff;box-shadow:0 2px 4px #0003}.print-btn:hover{background:#1565c0;box-shadow:0 4px 8px #0000004d}.close-label-btn{background:#f44336;color:#fff;box-shadow:0 2px 4px #0003}.close-label-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #0000004d}@media print{body *{visibility:hidden}.printable-label,.printable-label *{visibility:visible}.printable-label{position:absolute;left:0;top:0;width:100%;height:100%;background:none!important;padding:0;display:flex!important;align-items:center;justify-content:center}.label-actions{display:none!important}.label-content{box-shadow:none;border:1px solid #000;width:80mm!important;margin:0;page-break-inside:avoid}.label-header h3{color:#000!important;border-bottom-color:#000!important}.code-text{color:#000!important}.text-code,.qr-code,.barcode{border-color:#000!important}}@media(max-width:640px){.toggle-code-generator-btn{width:min(100%,420px);white-space:normal;line-height:1.35;padding:10px 18px}.code-modal-overlay{padding:10px}.code-modal{width:min(100%,520px);margin:0;max-height:calc(100dvh - 20px);border-radius:10px}.code-modal-header,.code-modal-footer,.code-modal-body{padding:16px}.code-modal-footer{flex-direction:column-reverse}.generate-btn,.cancel-btn{width:100%}.codes-container{flex-direction:column;gap:8mm}.qr-code,.barcode{width:40mm}.barcode{height:25mm}.code-text{font-size:14px;letter-spacing:1px}}.wc-toggle-container{margin:1rem 0}.wc-toggle-btn{padding:.65em 1.4em;background-color:#1a1a1a;color:#ffffffde;border:1px solid #646cff;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .25s,transform .2s,box-shadow .25s}.wc-toggle-btn:hover{background-color:#646cff22;border-color:#646cff;box-shadow:0 0 8px #646cff55;transform:translateY(-2px)}.wc-toggle-btn.active{background-color:#646cff33;border-color:#646cff;box-shadow:0 0 12px #646cff66}.wc-app{margin:1.5rem auto;padding:1.5rem;background-color:#1a1a1a;border-radius:14px;border:1px solid #333;max-width:780px;display:none;flex-direction:column;gap:1.5rem;opacity:0;transform:translateY(-18px);transition:opacity .4s ease,transform .4s ease}.wc-app.visible{display:flex;opacity:1;transform:translateY(0)}.wc-app-title{color:#646cff;font-size:1.4rem;margin:0;text-align:center}.wc-input-section{display:flex;flex-direction:column;gap:.75rem}.wc-input-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.wc-sync-status{font-size:.78rem;font-weight:500;transition:color 1.2s ease}.wc-btn-row{display:flex;gap:.6rem}.wc-view-toggle{display:flex;gap:.55rem;flex-wrap:wrap}.wc-view-btn{border:1px solid #4b5267;background:#252a34;color:#ffffffdb;border-radius:8px;font-size:.82rem;font-weight:600;padding:.45rem .75rem;cursor:pointer;transition:all .2s ease}.wc-view-btn:hover{transform:translateY(-1px);border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.wc-view-btn.active{border-color:#4cd964;background:#17301f;color:#d5ffe0;box-shadow:0 0 0 2px #4cd96422}.wc-input-label{color:#ffd93d;font-weight:500;font-size:.95rem}.wc-input-row{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.wc-month-selector{display:flex;gap:.5rem;align-items:center}.wc-month-selector label{color:#ffffffb3;font-size:.88rem}.wc-month-selector select,.wc-month-selector input[type=number]{padding:.45rem .6rem;border-radius:7px;border:1px solid #555;background-color:#2a2a2a;color:#fff;font-size:.88rem;cursor:pointer}.wc-month-selector select:focus,.wc-month-selector input[type=number]:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.wc-schedule-textarea{width:100%;min-height:90px;padding:.75rem;border-radius:9px;border:1px solid #555;background-color:#2a2a2a;color:#fff;font-size:.85rem;font-family:Courier New,monospace;resize:vertical;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.wc-schedule-textarea::placeholder{color:#ffffff59}.wc-schedule-textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.wc-process-btn{padding:.65rem 1.3rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .25s,transform .2s;white-space:nowrap}.wc-process-btn:hover{background-color:#535bf2;transform:translateY(-2px)}.wc-help-text{font-size:.78rem;color:#fff6;margin:0;line-height:1.5}.wc-calendar-section{display:flex;flex-direction:column;gap:.75rem}.wc-calendar-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.wc-month-title{color:#ff6b9d;font-size:1.15rem;font-weight:600;text-align:center;flex:1;min-width:0;letter-spacing:.02em}.wc-month-nav-btn{min-width:120px;height:40px;padding:0 .85rem;border-radius:999px;border:1px solid rgba(100,108,255,.35);background:linear-gradient(180deg,#646cff2e,#646cff14),#202433;color:#f7f9ff;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000038;transition:transform .16s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.wc-month-nav-btn:hover{transform:translateY(-1px);border-color:#646cffb3;background:linear-gradient(180deg,#646cff47,#646cff1f),#262b3c;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #00000047,0 0 0 3px #646cff1f}.wc-month-nav-btn:focus-visible{outline:none;border-color:#8c93ff;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #8c93ff33,0 10px 22px #00000047}.wc-month-nav-btn:active{transform:translateY(0);background:linear-gradient(180deg,#646cff29,#646cff14),#1d2130}.wc-month-nav-icon{font-size:1.3rem;line-height:1}.wc-month-nav-text{white-space:nowrap}@media(max-width:520px){.wc-calendar-header{gap:.5rem}.wc-month-nav-btn{min-width:0;width:44px;height:44px;padding:0;border-radius:12px}.wc-month-nav-text{display:none}.wc-month-nav-icon{font-size:1.45rem}.wc-month-title{font-size:1rem}}.wc-calendar-legend{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.wc-legend-item{font-size:.68rem;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:.16rem .48rem;border:1px solid transparent}.wc-legend-vac{color:#4cd964;background:#17301f;border-color:#2d6a2d}.wc-legend-dl{color:#ff6b9d;background:#2a1e2a;border-color:#3a2a3a}.wc-legend-lab{color:#8ee0a0;background:#1e2a3a;border-color:#2a3a5a}.wc-legend-rm{color:#fdcb6e;background:#2a2010;border-color:#6e4e10}.wc-legend-cs{color:#74b9ff;background:#0a1a3a;border-color:#1a3a8a}.wc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.wc-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#ffffff73;padding:.3rem 0;text-transform:uppercase;letter-spacing:.04em}.wc-day-cell{--wa-btn-color: #25d366;--wa-btn-hover-color: #1da851;--wa-btn-ripple: rgba(255, 255, 255, .38);border-radius:9px;padding:.45rem .3rem;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s;min-height:56px;-webkit-user-select:none;user-select:none;border:1px solid transparent}.wc-day-cell:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0006;border-color:#646cff66}.wc-empty{cursor:default;background:transparent}.wc-empty:hover{transform:none;box-shadow:none;border-color:transparent}.wc-vacation-day{background-color:#1a3a1a!important;border-color:#2d6a2d!important}.wc-vacation-day:hover{background-color:#242!important}.wc-day-label-vac{font-size:.62rem;font-weight:700;color:#4cd964;letter-spacing:.05em}.wc-modal-vacation{display:flex;align-items:center;gap:.6rem;background-color:#1a3a1a;border:1px solid #2d7a2d;border-radius:9px;padding:.75rem .9rem;margin-bottom:.9rem}.wc-modal-vac-icon{font-size:1.5rem}.wc-modal-vac-text{color:#4cd964;font-weight:600;font-size:1rem;letter-spacing:.02em}.wc-has-formacion{border-color:#a29bfe!important;background-color:#1e1a3a!important}.wc-has-formacion:hover{background-color:#28235a!important}.wc-day-fo-badge{font-size:.58rem;font-weight:700;color:#fff;background-color:#6c5ce7;border-radius:4px;padding:1px 4px;letter-spacing:.06em;line-height:1.4;margin-top:1px}.wc-modal-formacion{display:flex;align-items:center;gap:.6rem;background-color:#2d2060;border:1px solid #6c5ce7;border-radius:9px;padding:.6rem .9rem;margin-bottom:.9rem}.wc-modal-fo-icon{font-size:1.2rem}.wc-modal-fo-text{color:#a29bfe;font-weight:600;font-size:.95rem;letter-spacing:.03em}.wc-has-rm{border-color:#fdcb6e!important;background-color:#2a2010!important}.wc-has-rm:hover{background-color:#3a3015!important}.wc-day-rm-badge{font-size:.58rem;font-weight:700;color:#2d1e00;background-color:#fdcb6e;border-radius:4px;padding:1px 4px;letter-spacing:.06em;line-height:1.4;margin-top:1px}.wc-modal-rm{display:flex;align-items:center;gap:.6rem;background-color:#2a2010;border:1px solid #fdcb6e;border-radius:9px;padding:.6rem .9rem;margin-bottom:.9rem}.wc-modal-rm-icon{font-size:1.2rem}.wc-modal-rm-text{color:#fdcb6e;font-weight:600;font-size:.95rem;letter-spacing:.03em}.wc-has-cs{border-color:#74b9ff!important;background-color:#0a1830!important}.wc-has-cs:hover{background-color:#0e2040!important}.wc-day-cs-badge{font-size:.58rem;font-weight:700;color:#fff;background-color:#0070c0;border-radius:4px;padding:1px 4px;letter-spacing:.06em;line-height:1.4;margin-top:1px}.wc-modal-cs{display:flex;align-items:center;gap:.6rem;background-color:#0a1a3a;border:1px solid #4472c4;border-radius:9px;padding:.6rem .9rem;margin-bottom:.9rem}.wc-modal-cs-icon{font-size:1.2rem}.wc-modal-cs-text{color:#74b9ff;font-weight:600;font-size:.95rem;letter-spacing:.03em}.wc-work-day{background-color:#1e2a3a;border-color:#2a3a5a}.wc-work-day:hover{background-color:#243050}.wc-day-off{background-color:#2a1e2a;border-color:#3a2a3a}.wc-day-off:hover{background-color:#382538}.wc-today{border:2px solid #00f91d!important;box-shadow:0 0 8px #ffd93d55;position:relative;z-index:1}.wc-day-cell.wc-wa-join-today{animation:wc-wa-pulse 2.1s linear infinite;transition:background-color .18s ease}.wc-day-cell.wc-wa-join-today:hover{background-color:#243050}@keyframes wc-wa-pulse{0%{transform:scale(1);box-shadow:0 0 #25d36680}50%{transform:scale(1.028);box-shadow:0 0 0 8px #25d36633}to{transform:scale(1);box-shadow:0 0 0 16px #25d36600}}.wc-day-number{font-size:.88rem;font-weight:600;color:#ffffffd9}.wc-day-hours{font-size:.7rem;color:#4cd964;font-weight:500}.wc-day-label-off{font-size:.68rem;color:#ff6b9d;font-weight:600;letter-spacing:.05em}.wc-stats-panel{background-color:#1a1a1a;border-radius:12px;padding:1.2rem;border:1px solid #333}.wc-stats-title{color:#646cff;margin:0 0 1rem;font-size:1.05rem;text-align:center}.wc-stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.2rem}@media(min-width:500px){.wc-stats-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.wc-stats-panel{padding:1rem}.wc-stats-title{font-size:.95rem;margin-bottom:.8rem}.wc-stats-cards{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}.wc-stat-card{padding:.7rem .4rem}.wc-stat-icon{font-size:1.1rem}.wc-stat-value{font-size:1.3rem}.wc-stat-label{font-size:.65rem}}.wc-stat-card{background-color:#2a2a2a;border-radius:10px;padding:.85rem .5rem;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #3a3a3a;transition:transform .15s}.wc-stat-card:hover{transform:translateY(-2px)}.wc-stat-total{border-top:3px solid #646cff}.wc-stat-work{border-top:3px solid #4cd964}.wc-stat-off{border-top:3px solid #ff6b9d}.wc-stat-avg{border-top:3px solid #ffd93d}.wc-stat-icon{font-size:1.3rem}.wc-stat-value{font-size:1.5rem;font-weight:700;color:#ffffffe6}.wc-stat-label{font-size:.72rem;color:#ffffff80;text-align:center}.wc-weekly-title{color:#fff9;font-size:.85rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.06em}.wc-stat-week{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-radius:7px;background-color:#2a2a2a;margin-bottom:.35rem;font-size:.85rem}.wc-stat-week-label{color:#ffffffb3;font-weight:500}.wc-stat-week-days{color:#4cd964;font-size:.78rem}.wc-stat-week-hours{color:#646cff;font-weight:600}.wc-modal-overlay{position:fixed;top:0;bottom:0;left:0;width:100svw;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .25s ease;padding:20px;box-sizing:border-box;overflow:hidden}.wc-modal-overlay.wc-modal-visible{opacity:1}.wc-modal-box{background-color:#1a1a1a;border-radius:14px;border:1px solid #444;padding:1.5rem 1.2rem 1.2rem;width:100%;max-width:360px;max-height:calc(100svh - 40px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;position:relative;box-shadow:0 20px 50px #0009;transform:scale(.92);transition:transform .25s ease}.wc-modal-overlay.wc-modal-visible .wc-modal-box{transform:scale(1)}.wc-modal-close{position:absolute;top:0;right:1px;background:#f006;border:none;outline:none;border-radius:0 14px 0 8px;width:40px;height:40px;font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s}.wc-modal-close:focus{outline:none}.wc-modal-close:hover{background:#f00c}.wc-modal-date{color:#ff6b9d;margin:0 0 1.2rem;font-size:1rem;padding-right:1.5rem;text-align:center;overflow-wrap:anywhere}.wc-modal-day-off{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 0;color:#ffffffa6;font-size:1.1rem}.wc-modal-dl-icon{font-size:2.5rem}.wc-modal-shifts{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.wc-modal-shift{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;background-color:#2a2a2a;border-radius:9px;border-left:3px solid #646cff}.wc-modal-shift-num{font-size:.78rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.04em}.wc-modal-shift-range{font-size:1rem;color:#ffffffe6;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.wc-shift-icon{font-size:.9rem}.wc-shift-arrow{color:#646cff;font-weight:700}.wc-modal-total{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background-color:#242424;border-radius:9px;padding:.65rem .9rem;border:1px solid #333}.wc-modal-total-label{color:#ffffff8c;font-size:.85rem}.wc-modal-total-value{color:#ffd93d;font-size:1.05rem;font-weight:700}@media(min-width:1024px){.wc-modal-overlay{padding:28px}.wc-modal-box{max-width:560px;max-height:calc(100svh - 56px);padding:2rem 1.7rem 1.5rem;border-radius:18px}.wc-modal-date{font-size:1.2rem;margin-bottom:1.35rem}.wc-modal-shift{padding:.8rem 1rem}.wc-modal-shift-range{font-size:1.08rem}.wc-modal-total{padding:.8rem 1rem}.wc-modal-total-value{font-size:1.18rem}}@media(max-width:520px){.wc-app{padding:1rem}.wc-toggle-btn{width:min(100%,430px);white-space:normal;line-height:1.35;text-wrap:balance}.wc-input-row{flex-direction:column;align-items:stretch}.wc-month-selector{width:100%;flex-wrap:wrap}.wc-month-selector select,.wc-month-selector input[type=number]{flex:1;min-width:0}.wc-process-btn{width:100%}.wc-grid{gap:3px}.wc-day-cell{min-height:46px;padding:.3rem .15rem}.wc-day-number{font-size:.78rem}.wc-day-hours,.wc-day-label-off{font-size:.6rem}.wc-modal-overlay{padding:12px}.wc-modal-box{width:100%;max-width:100%;max-height:calc(100svh - 24px);padding:1.1rem .9rem .9rem}.wc-modal-shift{flex-direction:column;align-items:flex-start;gap:.3rem}.wc-modal-shift-range{width:100%;justify-content:flex-start;font-size:.9rem;flex-wrap:wrap}.wc-modal-total{flex-direction:column;align-items:flex-start;gap:.3rem}.wc-modal-date{font-size:.92rem;padding-right:2.5rem}}.wc-file-upload{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin:.6rem 0 .25rem}.wc-file-divider{font-size:.75rem;color:#555;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.wc-file-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;background:#2a2a2a;border:1.5px dashed #444;border-radius:8px;color:#a0a8b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background .2s;-webkit-user-select:none;user-select:none}.wc-file-btn:hover{border-color:#4cd964;color:#4cd964;background:#1a2e1a}.wc-file-input{display:none}.wc-file-status{font-size:.78rem;min-height:1.1em;text-align:center;color:#666;transition:color .3s}.wc-file-status--loading{color:#ffd93d}.wc-file-status--ok{color:#4cd964}.wc-file-status--error{color:#ff6b6b}.wc-stat-vac{border-top:3px solid #4cd964}.wc-stat-vac .wc-stat-value{color:#4cd964}.wc-stat-vac .wc-stat-icon{filter:drop-shadow(0 0 4px rgba(76,217,100,.4))}.wc-has-reminder{border-color:#ffd93d44!important}.wc-day-reminder-badge{position:absolute;top:4px;right:4px;font-size:.7rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.wc-day-cell{position:relative}.wc-reminders-toggle-btn{padding:.65rem 1rem;background-color:#2a2a2a;color:#ffb800;border:1px solid #ffb800;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.wc-reminders-toggle-btn:hover{background-color:#ffb80022;transform:translateY(-2px)}.wc-reminders-toggle-btn.active{background-color:#ffb80011;box-shadow:0 0 10px #ffb80033}.wc-modal-reminders{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #333}.wc-modal-reminders-title{color:#ffd93d;font-size:.95rem;margin:0 0 .8rem;font-weight:600}.wc-modal-reminders-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.wc-modal-no-reminders{font-size:.8rem;color:#ffffff4d;font-style:italic;margin:0}.wc-modal-reminder-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#222;border-radius:7px;border-left:3px solid #ffd93d;gap:.5rem}.wc-modal-reminder-item[data-type=recordatorio]{border-left-color:#646cff}.wc-modal-reminder-item[data-type=horario]{border-left-color:#4cd964}.wc-modal-reminder-content{flex:1;display:flex;flex-direction:column;gap:2px}.wc-modal-reminder-type-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#fff6}.wc-modal-reminder-text{font-size:.85rem;color:#ffffffe6;line-height:1.4;word-break:break-word}.wc-modal-reminder-del{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px;border-radius:4px;transition:background .2s;line-height:1}.wc-modal-reminder-del:hover{background:#f003}.wc-modal-reminder-add{display:flex;flex-direction:column;gap:.5rem}.wc-modal-reminder-input-type{width:100%;padding:.45rem;border-radius:6px;border:1px solid #444;background-color:#2a2a2a;color:#fff;font-size:.85rem;cursor:pointer}.wc-modal-reminder-input-row{display:flex;gap:.4rem}#wc-modal-reminder-input{flex:1;padding:.45rem .6rem;border-radius:6px;border:1px solid #444;background-color:#2a2a2a;color:#fff;font-size:.85rem}#wc-modal-reminder-add-btn{padding:.45rem .85rem;background-color:#646cff;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}#wc-modal-reminder-add-btn:hover{background-color:#535bf2}@media(max-width:520px){.wc-btn-row{flex-direction:column}}:root{--ytdl-red: #FF0000;--ytdl-red-dark: #CC0000;--ytdl-bg: #0F0F0F;--ytdl-surface: #212121;--ytdl-surface-2: #1A1A1A;--ytdl-surface-3: #2A2A2A;--ytdl-surface-hover: #303030;--ytdl-text: #FFFFFF;--ytdl-text-2: #AAAAAA;--ytdl-text-3: #717171;--ytdl-border: #383838;--ytdl-input-bg: #121212;--ytdl-success: #2ECC71;--ytdl-error: #FF4444;--ytdl-warning-bg: rgba(255, 152, 0, .12);--ytdl-warning-border:rgba(255, 152, 0, .35);--ytdl-warning-text: #FFB74D;--ytdl-radius: 12px;--ytdl-radius-sm: 8px;--ytdl-ease: cubic-bezier(.4, 0, .2, 1)}.ytdl-trigger-wrap{display:flex;justify-content:center;margin:.6rem 0 1.2rem}.ytdl-trigger-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ytdl-red);color:#fff;border:none;border-radius:24px;padding:11px 22px;font-size:.92rem;font-weight:600;font-family:Roboto,YouTube Sans,system-ui,sans-serif;cursor:pointer;letter-spacing:.03em;position:relative;overflow:hidden;transition:background .18s var(--ytdl-ease),transform .14s var(--ytdl-ease),box-shadow .18s var(--ytdl-ease);box-shadow:0 2px 10px #ff000061;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ytdl-trigger-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.28) 0%,transparent 65%);opacity:0;transform:scale(.2);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.ytdl-trigger-btn:active:before{opacity:1;transform:scale(2.8);transition:opacity 0s,transform 0s}.ytdl-trigger-btn:hover{background:var(--ytdl-red-dark);transform:translateY(-2px);box-shadow:0 5px 18px #ff00007a}.ytdl-trigger-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px 6px #ff00004d}.ytdl-trigger-btn .ytdl-trigger-logo{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ytdl-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s var(--ytdl-ease)}.ytdl-overlay.ytdl-open{opacity:1;pointer-events:all}.ytdl-modal{position:relative;background:var(--ytdl-surface);border:1px solid var(--ytdl-border);border-radius:var(--ytdl-radius);width:100%;max-width:550px;max-height:94vh;overflow-y:auto;box-shadow:0 24px 64px #000000bf,0 4px 16px #00000080;transform:scale(.92) translateY(16px);opacity:0;transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .22s var(--ytdl-ease);scrollbar-width:thin;scrollbar-color:var(--ytdl-border) transparent}.ytdl-modal::-webkit-scrollbar{width:5px}.ytdl-modal::-webkit-scrollbar-thumb{background:var(--ytdl-border);border-radius:3px}.ytdl-overlay.ytdl-open .ytdl-modal{transform:scale(1) translateY(0);opacity:1}.ytdl-modal.ytdl--dragged{transition:opacity .22s var(--ytdl-ease);will-change:transform}.ytdl-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--ytdl-border);position:sticky;top:0;background:var(--ytdl-surface);z-index:2;border-radius:var(--ytdl-radius) var(--ytdl-radius) 0 0;cursor:grab;user-select:none;-webkit-user-select:none}.ytdl-header.ytdl-dragging{cursor:grabbing}.ytdl-header .ytdl-close-btn{cursor:pointer}.ytdl-header-brand{display:flex;align-items:center;gap:10px}.ytdl-yt-logo{width:112px;height:24px;flex-shrink:0}.ytdl-header-subtitle{font-size:.88rem;font-weight:500;color:var(--ytdl-text-2);font-family:Roboto,sans-serif;letter-spacing:.01em;border-left:1px solid var(--ytdl-border);padding-left:10px;margin-left:2px}.ytdl-close-btn{position:absolute;top:0;right:0;background:#f006;border:none;outline:none;border-radius:0 var(--ytdl-radius) 0 8px;width:40px;height:40px;font-size:1px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0;transition:background .2s}.ytdl-close-btn svg{transition:filter .2s}.ytdl-close-btn:focus{outline:none}.ytdl-close-btn:hover{background:#f00c;color:#fff}.ytdl-close-btn:hover svg{filter:drop-shadow(0 0 .6px white) drop-shadow(0 0 .6px white)}.ytdl-deps-banner{display:flex;align-items:flex-start;gap:10px;margin:16px 20px 0;background:var(--ytdl-warning-bg);border:1px solid var(--ytdl-warning-border);border-radius:var(--ytdl-radius-sm);padding:12px 14px}.ytdl-deps-icon{font-size:1.05rem;flex-shrink:0;margin-top:1px}.ytdl-deps-text{font-size:.8rem;color:var(--ytdl-warning-text);font-family:Roboto Mono,Courier New,monospace;line-height:1.55}.ytdl-form{padding:20px}.ytdl-field{margin-bottom:20px}.ytdl-label{display:block;font-size:.72rem;font-weight:600;color:var(--ytdl-text-2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;font-family:Roboto,sans-serif}.ytdl-field-hint{font-size:.73rem;color:var(--ytdl-text-3);font-family:Roboto,sans-serif;margin:6px 0 0;line-height:1.4}.ytdl-input{width:100%;background:var(--ytdl-input-bg);border:1.5px solid var(--ytdl-border);border-radius:var(--ytdl-radius-sm);color:var(--ytdl-text);font-size:.88rem;font-family:Roboto,sans-serif;padding:11px 14px;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.ytdl-input::placeholder{color:#4a4a4a}.ytdl-input:focus{border-color:var(--ytdl-red);box-shadow:0 0 0 2.5px #f003}.ytdl-input-wrap{position:relative;display:flex;align-items:center}.ytdl-input-wrap .ytdl-input{padding-left:40px}.ytdl-input-icon{position:absolute;left:12px;color:#4a4a4a;pointer-events:none;display:flex;align-items:center}.ytdl-url-wrap .ytdl-input{padding-right:132px}.ytdl-clear-btn{position:absolute;right:74px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff3;font-size:1rem;line-height:1;cursor:default;pointer-events:none;transition:color .18s ease;padding:0}.ytdl-clear-btn.has-value{color:#ffffff8c;cursor:pointer;pointer-events:auto}.ytdl-clear-btn.has-value:hover{color:#ff6b6b}.ytdl-paste-btn{position:absolute;right:6px;display:inline-flex;align-items:center;gap:5px;background:var(--ytdl-surface-3);color:var(--ytdl-text-2);border:1px solid var(--ytdl-border);border-radius:6px;padding:5px 10px;font-size:.75rem;font-family:Roboto,sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease}.ytdl-paste-btn:hover{background:var(--ytdl-surface-hover);color:var(--ytdl-text)}.ytdl-folder-actions{display:flex;justify-content:flex-end;margin-top:8px}.ytdl-folder-picker-btn{display:inline-flex;align-items:center;gap:6px;background:var(--ytdl-surface-3);color:var(--ytdl-text-2);border:1px solid var(--ytdl-border);border-radius:7px;padding:6px 10px;font-size:.78rem;font-family:Roboto,sans-serif;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.ytdl-folder-picker-btn:hover{background:var(--ytdl-surface-hover);color:var(--ytdl-text);border-color:#555}.ytdl-folder-picker-btn:active{opacity:.8}.ytdl-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ytdl-quality-card{cursor:pointer;display:block;position:relative}.ytdl-quality-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ytdl-quality-body{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--ytdl-surface-2);border:2px solid var(--ytdl-border);border-radius:10px;padding:14px 6px 12px;text-align:center;transition:border-color .18s ease,background .18s ease,transform .14s ease}.ytdl-quality-card:hover .ytdl-quality-body{background:#242424;border-color:#555}.ytdl-quality-card input:checked+.ytdl-quality-body{border-color:var(--ytdl-red);background:#ff000012;box-shadow:0 0 0 1px #ff00002e,inset 0 1px #ff000014}.ytdl-quality-name{font-size:.7rem;font-weight:700;color:var(--ytdl-text-2);letter-spacing:.07em;font-family:Roboto,sans-serif}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-quality-name{color:#f66}.ytdl-quality-kbps{font-size:1.05rem;font-weight:700;color:var(--ytdl-text);font-family:Roboto,sans-serif;line-height:1.1}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-quality-kbps{color:#fff}.ytdl-quality-desc{font-size:.65rem;color:var(--ytdl-text-3);font-family:Roboto,sans-serif;line-height:1.3}.ytdl-wave-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:26px;margin-bottom:5px}.ytdl-wave-bars span{width:4px;border-radius:2px;background:#3a3a3a;transition:background .18s ease}[data-quality="0"] .ytdl-wave-bars span:nth-child(1){height:12px}[data-quality="0"] .ytdl-wave-bars span:nth-child(2){height:20px}[data-quality="0"] .ytdl-wave-bars span:nth-child(3){height:26px}[data-quality="0"] .ytdl-wave-bars span:nth-child(4){height:18px}[data-quality="0"] .ytdl-wave-bars span:nth-child(5){height:14px}[data-quality="5"] .ytdl-wave-bars span:nth-child(1){height:9px}[data-quality="5"] .ytdl-wave-bars span:nth-child(2){height:16px}[data-quality="5"] .ytdl-wave-bars span:nth-child(3){height:20px}[data-quality="5"] .ytdl-wave-bars span:nth-child(4){height:14px}[data-quality="5"] .ytdl-wave-bars span:nth-child(5){height:10px}[data-quality="7"] .ytdl-wave-bars span:nth-child(1){height:6px}[data-quality="7"] .ytdl-wave-bars span:nth-child(2){height:10px}[data-quality="7"] .ytdl-wave-bars span:nth-child(3){height:14px}[data-quality="7"] .ytdl-wave-bars span:nth-child(4){height:9px}[data-quality="7"] .ytdl-wave-bars span:nth-child(5){height:7px}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span{background:var(--ytdl-red);animation:ytdl-wave-pulse 1.1s ease-in-out infinite}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span:nth-child(1){animation-delay:0s}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span:nth-child(2){animation-delay:.11s}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span:nth-child(3){animation-delay:.22s}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span:nth-child(4){animation-delay:.33s}.ytdl-quality-card input:checked+.ytdl-quality-body .ytdl-wave-bars span:nth-child(5){animation-delay:.44s}@keyframes ytdl-wave-pulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.45);opacity:.65}}.ytdl-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.ytdl-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:24px;font-size:.86rem;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;border:none;letter-spacing:.025em;transition:background .17s ease,transform .12s ease,box-shadow .17s ease,opacity .17s ease;-webkit-user-select:none;user-select:none}.ytdl-btn:active{transform:scale(.97)}.ytdl-btn--ghost{background:transparent;color:var(--ytdl-text-2);border:1.5px solid var(--ytdl-border)}.ytdl-btn--ghost:hover{background:var(--ytdl-surface-hover);color:var(--ytdl-text);border-color:#555}.ytdl-btn--primary{background:var(--ytdl-red);color:#fff;box-shadow:0 2px 10px #ff000052}.ytdl-btn--primary:hover{background:var(--ytdl-red-dark);box-shadow:0 4px 16px #ff000073;transform:translateY(-1px)}.ytdl-btn--primary:disabled{background:#3a1010;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.ytdl-btn--warning{background:#d97706;color:#fff;box-shadow:0 2px 10px #d977064d}.ytdl-btn--warning:hover{background:#b45309;box-shadow:0 4px 16px #d9770673;transform:translateY(-1px)}.ytdl-radio-section{padding:6px 20px 18px}.ytdl-radio-body{display:flex;align-items:flex-start;gap:14px;background:#63b3ed12;border:1px solid rgba(99,179,237,.22);border-radius:10px;padding:16px 18px;margin-bottom:16px}.ytdl-radio-icon{font-size:1.9rem;line-height:1;flex-shrink:0;margin-top:2px}.ytdl-radio-content{display:flex;flex-direction:column;gap:4px}.ytdl-radio-title{color:#90cdf4;font-size:.875rem;font-weight:600;margin:0}.ytdl-radio-msg{color:var(--ytdl-text);font-size:.85rem;line-height:1.6;margin:0}.ytdl-radio-msg strong{color:#90cdf4}.ytdl-btn--radio-mix{border-color:#63b3ed59;color:#90cdf4cc}.ytdl-btn--radio-mix:hover{background:#63b3ed1a;border-color:#63b3ed99;color:#90cdf4}.ytdl-confirm-section{padding:6px 20px 18px}.ytdl-confirm-body{display:flex;align-items:flex-start;gap:14px;background:#ffc10712;border:1px solid rgba(255,193,7,.22);border-radius:10px;padding:16px 18px;margin-bottom:16px}.ytdl-confirm-icon{font-size:1.9rem;line-height:1;flex-shrink:0;margin-top:2px}.ytdl-confirm-msg{color:var(--ytdl-text);font-size:.875rem;line-height:1.6;margin:0}.ytdl-confirm-msg strong{color:#ffd166;word-break:break-all}.ytdl-saveas-section{padding:6px 20px 18px}.ytdl-saveas-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.ytdl-saveas-icon{font-size:1.4rem}.ytdl-saveas-title{font-size:.95rem;font-weight:600;color:var(--ytdl-text)}.ytdl-saveas-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ytdl-saveas-label{font-size:.78rem;color:var(--ytdl-text-muted, rgba(255,255,255,.5));font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ytdl-saveas-field-row{display:flex;align-items:center;gap:8px}.ytdl-saveas-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:var(--ytdl-text);font-size:.85rem;padding:8px 12px;outline:none;transition:border-color .2s;min-width:0}.ytdl-saveas-input:focus{border-color:var(--ytdl-accent, #4299e1)}.ytdl-saveas-input::placeholder{color:#ffffff4d}.ytdl-saveas-input[readonly]{cursor:default;opacity:.8}.ytdl-saveas-pick{flex-shrink:0;font-size:.8rem;padding:7px 12px}.ytdl-saveas-ext{flex-shrink:0;font-size:.85rem;color:#ffffff73;font-family:monospace}.ytdl-progress-section{position:relative;padding:0 20px 20px;border-top:1px solid var(--ytdl-surface-3);margin-top:2px}.ytdl-progress-header{padding-top:18px;margin-bottom:14px}.ytdl-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ytdl-progress-label{font-size:.82rem;color:var(--ytdl-text-2);font-family:Roboto,sans-serif}.ytdl-progress-label.is-done{color:var(--ytdl-success)}.ytdl-progress-label.is-error{color:var(--ytdl-error)}.ytdl-progress-pct{font-size:.82rem;font-weight:700;color:var(--ytdl-red);font-family:Roboto Mono,monospace;min-width:40px;text-align:right}.ytdl-progress-track{width:100%;height:3px;background:var(--ytdl-surface-hover);border-radius:2px;overflow:hidden}.ytdl-progress-fill{height:100%;width:0%;background:var(--ytdl-red);border-radius:2px;transition:width .6s ease;position:relative;overflow:hidden}.ytdl-progress-fill:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:ytdl-bar-shine 1.5s ease-in-out infinite}@keyframes ytdl-bar-shine{0%{left:-80%}to{left:200%}}.ytdl-progress-fill.ytdl-indeterminate{width:100%!important;background:linear-gradient(90deg,var(--ytdl-surface-3) 0%,var(--ytdl-red) 40%,var(--ytdl-surface-3) 100%);background-size:200% 100%;animation:ytdl-bar-indeterminate 1.6s linear infinite}.ytdl-progress-fill.ytdl-indeterminate:after{display:none}@keyframes ytdl-bar-indeterminate{0%{background-position:100% 0}to{background-position:-100% 0}}.ytdl-log{background:var(--ytdl-bg);border:1px solid #2A2A2A;border-radius:var(--ytdl-radius-sm);padding:10px 13px;max-height:200px;overflow-y:auto;font-family:Roboto Mono,Courier New,monospace;font-size:.7rem;line-height:1.65;color:var(--ytdl-text-2);white-space:pre-wrap;word-break:break-all;scrollbar-width:thin;scrollbar-color:#333 transparent}.ytdl-log::-webkit-scrollbar{width:4px}.ytdl-log::-webkit-scrollbar-thumb{background:#383838;border-radius:2px}.ytdl-log-line{display:block}.ytdl-log-line.download{color:#58d6ff}.ytdl-log-line.extract{color:#89cff0}.ytdl-log-line.ffmpeg{color:#c9b3ff}.ytdl-log-line.success{color:#4ade80;font-weight:600}.ytdl-log-line.error{color:#ff6b6b}.ytdl-log-line.info{color:#666}.ytdl-post-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.ytdl-cancel-row{display:flex;justify-content:flex-end;margin-top:12px}.ytdl-btn--danger{border-color:#ff505059;color:#ff7878bf}.ytdl-btn--danger:hover{background:#ff50501a;border-color:#ff646499;color:#ff8080}.ytdl-btn--abort{background:#a01e1e33;border-color:#b4323273;color:#c97070}.ytdl-btn--abort:hover{background:#b4282852;border-color:#c83c3ca6;color:#dda0a0}.ytdl-abort-confirm{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:#000000a6;border-radius:var(--ytdl-radius);z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ytdl-abort-box{background:var(--ytdl-surface);border:1px solid var(--ytdl-border);border-radius:10px;padding:24px 28px;max-width:320px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.ytdl-abort-msg{color:var(--ytdl-text);font-size:.95rem;margin:0 0 18px;line-height:1.5}.ytdl-abort-actions{display:flex;gap:10px;justify-content:center}@media(max-width:1024px){.ytdl-modal{max-width:600px}.ytdl-help-modal{max-width:560px}}@media(max-width:768px){.ytdl-overlay{padding:12px}.ytdl-modal{width:100%;max-width:100%;max-height:calc(100dvh - 24px);border-radius:12px}.ytdl-help-modal{max-width:100%;max-height:calc(100dvh - 24px)}.ytdl-header{padding:14px 16px 12px}.ytdl-header-subtitle{font-size:.8rem}.ytdl-form,.ytdl-progress-section{padding-left:16px;padding-right:16px}.ytdl-input{font-size:.92rem;min-height:42px}.ytdl-btn{min-height:42px}.ytdl-quality-grid{gap:8px}.ytdl-quality-body{padding:12px 6px 10px}}@media(max-width:560px){.ytdl-trigger-btn{width:min(100%,430px);justify-content:center;white-space:normal;text-align:center;line-height:1.35}.ytdl-overlay{align-items:flex-start;justify-content:stretch;padding:0}.ytdl-modal,.ytdl-help-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border-left:none;border-right:none;box-sizing:border-box;overflow-x:hidden}.ytdl-header-brand,.ytdl-radio-content,.ytdl-confirm-msg,.ytdl-installer-info{min-width:0}.ytdl-header-subtitle{display:none}.ytdl-header{padding:12px 14px 10px}.ytdl-yt-logo{width:98px;height:21px}.ytdl-form,.ytdl-radio-section,.ytdl-confirm-section,.ytdl-saveas-section,.ytdl-progress-section,.ytdl-help-body{padding-left:14px;padding-right:14px}.ytdl-quality-grid{grid-template-columns:1fr;gap:8px}.ytdl-quality-body{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:10px 12px}.ytdl-wave-bars{margin-bottom:0;height:20px;flex-shrink:0}.ytdl-quality-name,.ytdl-quality-kbps,.ytdl-quality-desc{line-height:1.2}.ytdl-actions,.ytdl-post-actions,.ytdl-abort-actions{flex-direction:column;align-items:stretch}.ytdl-btn,.ytdl-folder-picker-btn,.ytdl-saveas-pick,.ytdl-installer-btn{width:100%;justify-content:center}.ytdl-saveas-field-row{flex-direction:column;align-items:stretch}.ytdl-saveas-ext{align-self:flex-end}.ytdl-url-wrap .ytdl-input{padding-right:44px}.ytdl-clear-btn{right:9px}.ytdl-paste-btn{display:none}.ytdl-installer-card{flex-direction:column;align-items:stretch;gap:10px}.ytdl-installer-icon{width:40px;height:40px}.ytdl-help-dep-actions{flex-direction:column;align-items:stretch}.ytdl-help-code,.ytdl-help-link{white-space:normal;word-break:break-word}}@media(max-width:380px){.ytdl-modal,.ytdl-help-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ytdl-header{padding:10px 12px 9px}.ytdl-form,.ytdl-radio-section,.ytdl-confirm-section,.ytdl-saveas-section,.ytdl-progress-section,.ytdl-help-body{padding-left:12px;padding-right:12px}.ytdl-label{font-size:.68rem}.ytdl-input,.ytdl-btn{font-size:.84rem}.ytdl-help-btn{width:24px;height:24px}}.ytdl-help-btn{position:absolute;bottom:12px;left:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:50%;outline:none;cursor:pointer;color:#ffffff4d;padding:0;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;z-index:3}.ytdl-help-btn:hover{color:#ffffffe6;background:#ffffff24;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0f}.ytdl-help-btn:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:3px}.ytdl-help-overlay{z-index:100001}.ytdl-help-modal{max-width:520px;max-height:88vh}.ytdl-help-section--installer{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;margin-top:4px}.ytdl-installer-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;margin:10px 0 8px}.ytdl-installer-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#63b3ed1f;border:1px solid rgba(99,179,237,.25);border-radius:8px;color:#63b3ed}.ytdl-installer-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ytdl-installer-name{font-size:.82rem;font-weight:600;color:#e2e8f0;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ytdl-installer-desc{font-size:.72rem;color:#fff6}.ytdl-installer-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:#63b3ed26;border:1px solid rgba(99,179,237,.35);border-radius:6px;color:#63b3ed;font-size:.78rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.ytdl-installer-btn:hover{background:#63b3ed47;border-color:#63b3ed99;color:#90cdf4}.ytdl-installer-instructions{font-size:.76rem;color:#ffffff73;line-height:1.5;margin:0}.ytdl-installer-instructions strong{color:#ffffffb3}.ytdl-help-header-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.ytdl-help-body{padding:6px 20px 24px;display:flex;flex-direction:column;gap:0}.ytdl-help-section{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ytdl-help-section:last-child{border-bottom:none}.ytdl-help-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffffff73;margin:0 0 10px}.ytdl-help-text{font-size:.875rem;color:var(--ytdl-text);line-height:1.65;margin:0}.ytdl-help-steps,.ytdl-help-list{font-size:.875rem;color:var(--ytdl-text);line-height:1.7;margin:0;padding-left:20px}.ytdl-help-steps li,.ytdl-help-list li{margin-bottom:4px}.ytdl-help-note{font-size:.8rem;color:#ffffff73;font-style:italic}.ytdl-help-dep{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;margin-bottom:10px}.ytdl-help-dep:last-child{margin-bottom:0}.ytdl-help-dep-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ytdl-help-dep-name{font-size:.92rem;font-weight:700;color:var(--ytdl-text);font-family:Roboto Mono,monospace}.ytdl-help-dep-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px}.ytdl-dep-required{background:#ff50502e;color:#ff8080;border:1px solid rgba(255,80,80,.3)}.ytdl-dep-recommended{background:#63b3ed26;color:#90cdf4;border:1px solid rgba(99,179,237,.3)}.ytdl-dep-optional{background:#ffffff12;color:#ffffff73;border:1px solid rgba(255,255,255,.12)}.ytdl-help-dep-desc{font-size:.82rem;color:#ffffff8c;margin:0 0 10px;line-height:1.5}.ytdl-help-dep-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ytdl-help-code{font-family:Roboto Mono,Consolas,monospace;font-size:.8rem;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:3px 9px;color:#a8d8a8;white-space:nowrap}.ytdl-help-link{font-size:.8rem;color:#63b3ed;text-decoration:none;border-bottom:1px solid rgba(99,179,237,.35);padding-bottom:1px;transition:color .2s,border-color .2s;white-space:nowrap}.ytdl-help-link:hover{color:#90cdf4;border-color:#90cdf4}:root{--vbs-bg: #0f0f0f;--vbs-surface: #212121;--vbs-surface-2: #171717;--vbs-surface-3: #2b2b2b;--vbs-border: #383838;--vbs-text: #ffffff;--vbs-muted: #aaaaaa;--vbs-green: #22c55e;--vbs-red: #ef4444;--vbs-yellow: #f59e0b;--vbs-blue: #60a5fa;--vbs-radius: 12px;--vbs-ease: cubic-bezier(.4, 0, .2, 1)}.vbs-overlay{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .25s var(--vbs-ease)}.vbs-overlay.vbs-open{opacity:1;pointer-events:all}.vbs-modal{position:relative;width:min(920px,100%);max-height:94vh;overflow-y:auto;background:var(--vbs-surface);border:1px solid var(--vbs-border);border-radius:var(--vbs-radius);color:var(--vbs-text);box-shadow:0 24px 64px #000000bf,0 4px 16px #00000080;transform:scale(.92) translateY(16px);opacity:0;transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .22s var(--vbs-ease);font-family:Roboto,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:var(--vbs-border) transparent}.vbs-overlay.vbs-open .vbs-modal{transform:scale(1) translateY(0);opacity:1}.vbs-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px 52px 14px 20px;background:var(--vbs-surface);border-bottom:1px solid var(--vbs-border);border-radius:var(--vbs-radius) var(--vbs-radius) 0 0}.vbs-title-block{display:flex;align-items:center;gap:12px;min-width:0}.vbs-header-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#ffffff14;color:#e5e7eb;flex-shrink:0}.vbs-header-icon svg{width:24px;height:24px}.vbs-title-block h2{margin:0;font-size:1.05rem;line-height:1.2;letter-spacing:0}.vbs-title-block p{margin:3px 0 0;color:var(--vbs-muted);font-size:.82rem;line-height:1.35}.vbs-close-btn{z-index:3}.vbs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 12px}.vbs-label{display:block;color:var(--vbs-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}#vbs-last-updated{font-size:.92rem;font-family:Roboto Mono,Consolas,monospace;color:#f4f4f5}.vbs-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:8px;border:1px solid var(--vbs-border);background:var(--vbs-surface-3);color:var(--vbs-text);font:600 .82rem Roboto,system-ui,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}.vbs-global-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.vbs-action-btn svg{width:16px;height:16px}.vbs-action-btn:hover{background:#343434;border-color:#555}.vbs-action-btn:active{transform:scale(.98)}.vbs-action-btn:disabled{opacity:.45;cursor:not-allowed}.vbs-admin-banner{margin:4px 20px 14px;padding:12px 14px;border-radius:9px;border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:#fbbf24;font-size:.82rem;line-height:1.5}.vbs-admin-banner strong,.vbs-admin-banner span{display:block}.vbs-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 16px}.vbs-summary-card{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:9px;padding:12px 14px}.vbs-summary-card span{display:block;color:var(--vbs-muted);font-size:.72rem;margin-bottom:5px}.vbs-summary-card strong{font-size:1.15rem}.vbs-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px 20px}.vbs-service-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:var(--vbs-surface-2)}.vbs-state-dot{width:11px;height:11px;border-radius:999px;background:var(--vbs-muted);box-shadow:0 0 0 4px #ffffff0a}.vbs-service-card.is-on .vbs-state-dot{background:var(--vbs-green);box-shadow:0 0 0 4px #22c55e1f}.vbs-service-card.is-off .vbs-state-dot{background:var(--vbs-red);box-shadow:0 0 0 4px #ef44441f}.vbs-service-card.is-info .vbs-state-dot{background:var(--vbs-blue);box-shadow:0 0 0 4px #60a5fa1f}.vbs-service-main{min-width:0}.vbs-service-name{display:block;font-size:.92rem;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbs-service-desc{display:block;margin-top:4px;color:var(--vbs-muted);font-size:.76rem;line-height:1.4}.vbs-service-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.vbs-state-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#ffffff14;color:#e5e7eb;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.vbs-service-card.is-on .vbs-state-pill{color:#86efac;background:#22c55e24}.vbs-service-card.is-off .vbs-state-pill{color:#fca5a5;background:#ef444424}.vbs-restart-tag{color:var(--vbs-yellow);font-size:.7rem}.vbs-tracked-tag{color:var(--vbs-blue);font-size:.7rem}.vbs-action-btn{min-width:108px;padding:0 12px}.vbs-modal .vbs-action-btn.vbs-action-btn--apply{color:#fff;border-color:#22c55e;background:#15803d;box-shadow:0 8px 18px #15803d47}.vbs-modal .vbs-action-btn.vbs-action-btn--revert{color:#fff;border-color:#ef4444;background:#b91c1c;box-shadow:0 8px 18px #b91c1c47}.vbs-modal .vbs-action-btn.vbs-action-btn--refresh{color:#fff;border-color:#60a5fa;background:#1d4ed8;box-shadow:0 8px 18px #1d4ed847}.vbs-modal .vbs-action-btn.vbs-action-btn--apply:hover{background:#16a34a;border-color:#4ade80}.vbs-modal .vbs-action-btn.vbs-action-btn--revert:hover{background:#dc2626;border-color:#f87171}.vbs-modal .vbs-action-btn.vbs-action-btn--refresh:hover{background:#2563eb;border-color:#93c5fd}.vbs-status-line{min-height:28px;padding:0 20px 20px;color:var(--vbs-muted);font-size:.82rem}.vbs-status-line.is-error{color:#fca5a5}.vbs-status-line.is-ok{color:#86efac}@media(max-width:760px){.vbs-overlay{align-items:flex-start;padding:8px}.vbs-modal{width:min(100%,calc(100vw - 16px));max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);border-radius:10px}.vbs-header{min-height:56px;padding:12px 44px 11px 14px;border-radius:10px 10px 0 0}.vbs-title-block{gap:9px}.vbs-header-icon{width:32px;height:32px;border-radius:8px}.vbs-header-icon svg{width:20px;height:20px}.vbs-title-block h2{font-size:.98rem}.vbs-title-block p{font-size:.74rem}.vbs-toolbar{align-items:stretch;flex-direction:column;gap:10px;padding:12px 14px 10px}.vbs-global-actions,.vbs-action-btn{width:100%}.vbs-global-actions{gap:6px}.vbs-action-btn{min-width:0;min-height:36px;padding:0 10px;white-space:normal;line-height:1.15;font-size:.78rem}.vbs-admin-banner{margin:3px 14px 12px;padding:10px 11px;font-size:.78rem}.vbs-summary,.vbs-service-list{grid-template-columns:1fr;gap:8px;padding-left:14px;padding-right:14px}.vbs-summary{padding-bottom:12px}.vbs-summary-card{padding:9px 11px}.vbs-service-list{padding-bottom:14px}.vbs-service-card{gap:9px;padding:10px 11px;border-radius:8px}.vbs-service-name{font-size:.86rem}.vbs-service-desc{font-size:.71rem}.vbs-status-line{padding:0 14px 14px;font-size:.78rem}}