.metric{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.metric__value{font-size:1.8rem;font-weight:800;color:var(--brand-color);line-height:1.2}.metric__label{font-size:.9rem;color:var(--text-secondary)}.emoji-button{background:transparent;border:2px solid var(--border-color);border-radius:50%;width:45px;height:45px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.emoji-button:hover{border-color:rgba(255,255,255,.3);transform:scale(1.1)}:root.light-theme .emoji-button:hover{border-color:rgba(0,0,0,.25)}.emoji-button.active{border-color:var(--primary-green);background:var(--hover-color);transform:scale(1.1)}.card{background:var(--surface-medium);border:1.5px solid var(--border-subtle);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);overflow:hidden;transition:all .3s ease;max-width:100%;display:flex;flex-direction:column;height:100%}:root.light-theme .card{background:#ffffff;border:1px solid rgba(0,0,0,.2);box-shadow:none}.card--primary{border-color:rgba(99,102,241,.75)}.card--success{border-color:rgba(16,185,129,.7)}.card--warning{border-color:rgba(245,158,11,.7)}.card:hover{border-color:rgba(226,232,240,.6);transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--brand-dark);box-shadow:0 4px 16px var(--accent-color-shadow)}.card__header{padding:14px 20px 6px;border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card__actions{font-size:.85rem;color:var(--text-muted)}.card__body{padding:12px 20px 16px;font-size:.95rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.card__body:has(.pie-chart-container){padding:2px 3px 4px}.card__body:has(.horizontal-bar-chart-container){padding:6px 8px 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}@media (max-width:768px){.button{font-size:.875rem;padding:0 14px}}.button--primary{background:#ffffff;color:#000000;box-shadow:0 4px 15px rgba(0,0,0,.1);font-weight:600}:root.light-theme .button--primary{background:#2d3748;color:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,.15)}.button--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.button:hover:not(:disabled){transform:translateY(-1px)}.button--primary:hover:not(:disabled){background:rgba(255,255,255,.9);box-shadow:0 4px 15px rgba(0,0,0,.15)}:root.light-theme .button--primary:hover:not(:disabled){background:#1a202c;box-shadow:0 4px 15px rgba(0,0,0,.2)}.button--ghost:hover:not(:disabled){background:var(--hover-color);border-color:rgba(255,255,255,.3)}:root.light-theme .button--ghost:hover:not(:disabled){border-color:rgba(0,0,0,.25)}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.link-button{background:none;border:none;padding:0;font:inherit;color:rgba(96,165,250,.95);cursor:pointer;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;background:rgba(59,130,246,.15);color:rgba(191,219,254,.95)}.badge--success{background:rgba(16,185,129,.15);color:rgba(167,243,208,.95)}.badge--warning{background:rgba(245,158,11,.22);color:rgba(254,240,199,.9)}:root.light-theme .badge{background:rgba(59,130,246,.2);color:rgba(30,64,175,.95)}:root.light-theme .badge--success{background:rgba(16,185,129,.2);color:rgba(5,150,105,.95)}:root.light-theme .badge--warning{background:rgba(245,158,11,.25);color:rgba(180,83,9,.95)}.input,.select,.textarea{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.6);color:rgba(226,232,240,.95);padding:12px 16px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgba(59,130,246,.7);box-shadow:0 0 0 3px rgba(59,130,246,.25)}.textarea{min-height:120px;resize:vertical}.table{width:100%;border-radius:14px;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(148,163,184,.25)}.table table{width:100%;min-width:640px}.table td,.table th{padding:10px 14px;font-size:.9rem;text-align:left;word-break:break-word}.table th{background:rgba(59,130,246,.15);color:rgba(191,219,254,.9);font-weight:600}.table tr:nth-child(2n){background:rgba(30,41,59,.6)}.modal-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-medium);color:var(--text-primary);font-size:.9rem;margin-bottom:1rem;transition:all .2s ease}.modal-input:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(117,230,218,.2)}.modal-input::-moz-placeholder{color:var(--text-muted)}.modal-input::placeholder{color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9998;animation:fadeIn .2s ease}.modal-container{z-index:9999;width:90%;max-width:500px}.modal-container,.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:slideIn .3s ease}.modal-content{background:var(--surface-medium);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;max-width:90vw;width:600px;max-height:90vh;z-index:1000}:root.light-theme .modal-content{background:#ffffff;border-color:rgba(0,0,0,.15);box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal-content.mw-720{width:720px}.modal-content.mw-880{width:880px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-light)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:var(--hover-color);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-textarea{width:100%;min-height:150px;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-dark);color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease}.modal-textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px var(--accent-color-shadow)}:root.light-theme .modal-textarea{background:#f8f9fa;border-color:rgba(0,0,0,.15)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.version-notes-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.version-notes-section.version-notes-section--no-border{margin-top:0;padding-top:0;border-top:none}.version-notes-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.version-notes-intro{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-secondary);max-width:680px}.version-notes-list{display:flex;flex-direction:column;gap:1rem}.version-note-card{max-width:720px}.version-note-date{margin-top:.15rem;font-size:.8rem;color:var(--text-muted)}.version-note-items{margin:0;padding-left:1.2rem;gap:.4rem;font-size:.9rem;color:var(--text-secondary)}.insight-list,.version-note-items{display:flex;flex-direction:column}.insight-list{gap:10px}.insight-list__item{padding:12px 14px;border-radius:12px;background:rgba(30,41,59,.6);border:1px solid rgba(96,165,250,.2)}:root.light-theme .insight-list__item{background:var(--surface-lighter);border-color:var(--border-color)}.insight-list__item strong{color:rgba(191,219,254,.95)}.optional-variables-panel{background:var(--surface-light);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem}.optional-variables-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;border-radius:6px;transition:background .2s ease}.optional-variables-header:hover h4{color:var(--text-primary)}:root.light-theme .optional-variables-header:hover h4{color:#000000}:root.light-theme .optional-variables-panel{background:#ffffff;border-color:rgba(0,0,0,.15)}.optional-variables-panel h4{font-size:.95rem;color:var(--text-secondary)}:root.light-theme .optional-variables-panel h4{color:#212529}.optional-variables-list{max-height:240px;overflow:auto;border:1px dashed var(--border-subtle);border-radius:6px;padding:.5rem}.optional-variables-list::-webkit-scrollbar{height:6px}.optional-variables-list::-webkit-scrollbar-track{background:rgba(15,23,42,.3);border-radius:999px}.optional-variables-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:999px}.thin-navbar{background:var(--surface-dark);border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 2rem;justify-content:space-between;flex-wrap:wrap;min-height:70px;max-height:70px;position:relative}.navbar-brand,.thin-navbar{display:flex;align-items:center;gap:1rem}.navbar-brand{margin-top:-.3rem}.navbar-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:60px;width:auto;margin-top:-4px;margin-right:4px}.navbar-text{display:flex;flex-direction:column;gap:.1rem;position:sticky;top:0;z-index:50;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media (min-width:768px){.thin-navbar{padding:.75rem 2rem}}.thin-navbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mobile-menu-button:hover{background:var(--hover-color);border-color:var(--primary-green)}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-dark);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-item{padding:1rem 1.5rem;color:var(--text-primary);font-size:1rem;font-weight:500;border-bottom:1px solid var(--border-subtle);transition:all .2s ease;display:flex;align-items:center;min-height:44px;text-decoration:none}.mobile-menu-item:hover{background:var(--hover-color);border-left:3px solid var(--primary-green);padding-left:calc(1.5rem - 3px)}.mobile-menu-item:active{background:rgba(126,217,87,.15)}.mobile-menu-item:last-child{border-bottom:none}.navbar-subtitle{margin:.25rem 0 0;font-size:.8rem;color:var(--text-muted)}:root.light-theme .thin-navbar{background:#ffffff;border-bottom:1px solid rgba(0,0,0,.15)}.agentic-error{margin-top:1rem;padding:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.35);border-radius:12px}.agentic-error__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.agentic-error__icon{width:20px;height:20px;color:#dc2626;flex-shrink:0;margin-top:2px}.agentic-error__icon svg{width:20px;height:20px;display:block}.agentic-error__title{margin:0 0 4px;font-size:.95rem;font-weight:700;color:#7f1d1d}.agentic-error__text{margin:0;font-size:.9rem;color:#991b1b}.agentic-error__details{margin-top:.75rem}.agentic-error__summary{cursor:pointer;font-size:.9rem;font-weight:600;color:#7f1d1d}.agentic-error__block{margin-top:.75rem;padding:.75rem;background:#ffffff;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;display:grid;gap:8px}.agentic-error__row{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.agentic-error__row--block{grid-template-columns:1fr}.agentic-error__label{font-weight:600;color:#374151}.agentic-error__value{color:#dc2626}.agentic-error__code{margin-top:4px;padding:8px;background:#f9fafb;border-radius:6px;color:#1f2937;white-space:pre-wrap;overflow-wrap:anywhere}.agentic-error__code--scroll{max-height:16rem;overflow:auto}.agentic-error__hint{margin-top:4px;padding:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1f2937}.agentic-error__subsummary{cursor:pointer;font-weight:700;font-size:11px;color:#374151}.agentic-error__footer{margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid rgba(239,68,68,.35);font-size:12px;color:#dc2626}.agentic-error__footer code{background:#fee2e2;border-radius:4px;padding:.125rem .25rem}:root.light-theme .example-list__group h4{color:#212529}:root.light-theme .example-list__group ul li{color:#495057}.optional-variables-header:hover h4{color:#ffffff}.optional-toggle-btn{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease;line-height:1}.optional-toggle-btn:hover{color:#ffffff;transform:scale(1.1)}:root.light-theme .optional-toggle-btn{color:#212529}:root.light-theme .optional-toggle-btn:hover{color:#2d3748}.optional-variables-panel h4{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary);transition:color .2s ease}:root.light-theme .optional-variables-panel h4{color:#000000}.optional-info{margin:.75rem 0 1rem;padding:.75rem;background:var(--surface-light);border-left:3px solid rgba(255,255,255,.3);font-size:.75rem;line-height:1.4;color:var(--text-muted);border-radius:4px}:root.light-theme .optional-info{background:#f8f9fa;border-left-color:#6c757d;color:#495057}.optional-variables-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:4px}.optional-variables-list::-webkit-scrollbar{width:6px}.optional-variables-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.optional-variables-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.optional-variables-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}:root.light-theme .optional-variables-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}:root.light-theme .optional-variables-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}:root.light-theme .optional-variables-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}.kpi-card{background:var(--surface-dark);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .6rem;transition:all .3s ease;text-align:center}.kpi-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.kpi-header{margin-bottom:.25rem}.kpi-header h4{margin:0;font-size:.78rem;color:var(--text-primary);font-weight:600;line-height:1.3}.kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem;line-height:1.2}.kpi-change{font-size:.7rem;font-weight:500;line-height:1.3;color:var(--text-secondary)}.kpi-change.up{color:#22C55E}.kpi-change.down{color:#EF4444}.kpi-change.stable{color:var(--text-secondary)}:root.light-theme .kpi-card{background:#ffffff;border:1px solid rgba(0,0,0,.2)}:root.light-theme .kpi-card:hover{border-color:rgba(0,0,0,.3)}.simple-session{padding:.75rem;background:var(--surface-medium);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:.5rem}.session-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem}.session-label{color:var(--text-secondary)}.session-id{color:var(--primary-green);font-family:JetBrains Mono,monospace;font-size:.8rem}.session-button{width:100%;font-size:.85rem}.simple-feedback{padding:.75rem;background:var(--surface-medium);border:1px solid var(--border-subtle);border-radius:8px}.emoji-rating{display:flex;justify-content:space-around;margin-bottom:.75rem;gap:.25rem}:root.light-theme .simple-feedback,:root.light-theme .simple-session{background:#ffffff;border:1px solid rgba(0,0,0,.1)}.navbar-subtitle-row{display:flex;align-items:center;gap:.75rem}.navbar-subtitle-row p{margin:0;flex:1}.dataset-badge{background:var(--accent-weak);color:var(--text-primary);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:500;white-space:nowrap;opacity:.8;transition:opacity .2s ease}.dataset-badge:hover{opacity:1}@media (max-width:768px){.navbar-subtitle-row{flex-direction:column;align-items:flex-start;gap:.25rem}.dataset-badge{font-size:10px}}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}.navbar-desktop{display:none;align-items:center;gap:.75rem;justify-content:flex-end}@media (min-width:768px){.navbar-desktop{display:flex}}.settings-dropdown-container{position:relative}.settings-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-medium);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;transform:translateY(-3px)}.settings-button:hover{background:var(--hover-color);border-color:rgba(255,255,255,.25)}.settings-button svg{flex-shrink:0}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--surface-dark);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);padding:.75rem;z-index:1000;animation:slideDown .2s ease-out}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:8px}.settings-item:last-child{margin-bottom:0}.settings-item-readonly{background:var(--surface-medium)}.settings-item-action{margin-top:.5rem;border-top:1px solid var(--border-subtle);padding:.5rem 0 0}.settings-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-right:1rem;text-align:left}.settings-value{font-weight:600}.settings-toggle-button,.settings-value{font-size:.875rem;color:var(--text-primary)}.settings-toggle-button{padding:.375rem .75rem;background:var(--surface-medium);border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.settings-toggle-button:hover{background:var(--hover-color);border-color:rgba(255,255,255,.25)}.settings-item-group{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-theme-options{display:flex;flex-direction:column;gap:.375rem;width:100%}.settings-theme-button{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--surface-medium);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s ease;width:100%;text-align:left}.settings-theme-button:hover{background:var(--hover-color);border-color:rgba(255,255,255,.25)}.settings-theme-button.active{background:var(--accent-color-shadow);border-color:rgba(255,255,255,.3)}.settings-db-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.settings-db-dot{width:10px;height:10px;border-radius:999px;background:var(--secondary-gray);box-shadow:0 0 0 1px rgba(15,23,42,.6)}.settings-db-dot--ok{background:#16a34a}.settings-db-dot--down{background:#ef4444}.settings-db-dot--pending{background:#fbbf24}.settings-theme-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-check{margin-left:auto;color:var(--color-accent);font-size:1rem;font-weight:700}.settings-toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.settings-toggle-switch input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-medium);border-radius:24px;border:1px solid var(--border-color);transition:all .3s ease}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background:var(--primary-white);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.settings-toggle-switch input:checked+.settings-toggle-slider{background-color:var(--primary-green);border-color:var(--primary-green)}.settings-toggle-switch input:checked+.settings-toggle-slider:before{transform:translateX(26px)}.settings-toggle-slider:hover{box-shadow:0 0 8px rgba(126,217,87,.3)}:root.light-theme .settings-button{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.15)}:root.light-theme .settings-dropdown{background:#ffffff;border-color:rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15)}:root.light-theme .settings-theme-button,:root.light-theme .settings-toggle-button{background:#f8f9fa;border-color:rgba(0,0,0,.15)}:root.light-theme .settings-action-button{border-color:rgba(0,0,0,.15)}:root.light-theme .settings-toggle-slider{background-color:#e0e0e0;border-color:rgba(0,0,0,.2)}:root.light-theme .settings-toggle-slider:before{background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.3)}:root.light-theme .settings-toggle-switch input:checked+.settings-toggle-slider{background-color:var(--primary-green);border-color:var(--primary-green)}.user-profile{gap:1rem}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-green);justify-content:center;font-size:1.5rem}.user-info p{margin:0;line-height:1.4}.theme-options{display:flex;flex-direction:column;gap:.5rem}.theme-option{padding:.75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;text-align:left;transition:all .3s ease}.theme-option:hover{background:var(--hover-color);border-color:var(--text-muted)}.theme-option.active{background:var(--brand-color);color:var(--primary-black);border-color:var(--brand-color)}.optional-variables-list::-webkit-scrollbar-thumb:hover{background:rgba(226,232,240,.6)}:root.light-theme .optional-variables-list::-webkit-scrollbar-track{background:rgba(233,236,239,.4)}:root.light-theme .optional-variables-list::-webkit-scrollbar-thumb{background:rgba(108,117,125,.4)}:root.light-theme .optional-variables-list::-webkit-scrollbar-thumb:hover{background:rgba(73,80,87,.6)}.optional-variable-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--surface-light);border:1px solid var(--border-subtle);border-radius:6px;transition:all .2s ease}.optional-variable-item:hover{background:var(--surface-medium);border-color:var(--primary-green)}:root.light-theme .optional-variable-item{background:#f8f9fa;border:1px solid rgba(0,0,0,.1)}:root.light-theme .optional-variable-item:hover{background:#e9ecef;border-color:var(--brand-dark)}.page{width:100%;max-width:1200px;padding:16px;display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.page{padding:32px 28px 48px;gap:24px}}.page__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.page__title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page__subtitle{margin:6px 0 0;font-size:1rem;color:var(--text-secondary)}.page__actions{display:flex;align-items:center;gap:12px}.page__grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;width:100%}@media (max-width:1024px){.page__grid{grid-template-columns:1fr}}.page__primary,.page__sidebar{display:flex;flex-direction:column;gap:24px}.form__row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.form__label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;color:rgba(226,232,240,.85)}.toggle{position:relative;width:42px;height:22px;border-radius:999px;background:rgba(94,109,130,.5);cursor:pointer;transition:background .2s ease}.toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .2s ease}.toggle--checked{background:rgba(59,130,246,.7)}.toggle--checked .toggle__thumb{transform:translateX(20px)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:nowrap;gap:16px}.content-header h3{margin:0;color:var(--text-primary);font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:700;flex-shrink:0}.example-list{display:grid;gap:16px}.example-list__group{background:rgba(15,23,42,.4);border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:16px}.example-list__group h4{margin:0 0 8px;font-size:1rem;color:rgba(248,250,252,.9)}.example-list__group ul{margin:0;padding-left:1.25rem;display:grid;gap:8px}.disclaimer-list{display:flex;flex-direction:column;gap:8px;padding-left:16px}.disclaimer-list__item{font-size:.9rem;color:rgba(252,211,77,.9)}.loading-dots{display:flex;gap:6px;align-items:center;padding:.5rem 0 .5rem .75rem}.loading-dots span{width:8px;height:8px;background:var(--primary-green);border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-steps{list-style:none;padding:.5rem 0;margin:0;display:flex;flex-direction:column;gap:.75rem}.loading-step{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:rgba(248,250,252,.4);transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateX(-10px);opacity:0}.loading-step .step-icon{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;color:var(--brand-color);background:var(--accent-color-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.loading-step .step-icon:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--brand-color);opacity:0;transform:scale(0)}.loading-step .step-icon:before,.loading-step .step-label{transition:all .4s cubic-bezier(.4,0,.2,1)}.loading-step.pending{opacity:.3;transform:translateX(-10px)}.loading-step.pending .step-icon{border-color:var(--border-subtle);background:transparent}.loading-step.active{color:rgba(248,250,252,.95);opacity:1;transform:translateX(0);animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}.loading-step.active .step-icon{background:var(--accent-color-shadow);border-color:var(--brand-color);animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 0 0 var(--accent-color-shadow)}.loading-step.active .step-icon:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--brand-color);animation:ripple 2s cubic-bezier(0,0,.2,1) infinite}.loading-step.active .step-label{font-weight:600}.loading-step.done{color:rgba(248,250,252,.7);opacity:1;transform:translateX(0)}.loading-step.done .step-icon{background:var(--brand-color);border-color:var(--brand-color);animation:checkmarkPop .4s cubic-bezier(.68,-.55,.265,1.55)}.loading-step.done .step-icon:before{opacity:1;transform:scale(1)}:root.light-theme .loading-step{color:rgba(33,37,41,.6)}:root.light-theme .loading-step.pending{color:rgba(33,37,41,.4)}:root.light-theme .loading-step.active{color:rgba(33,37,41,.95)}:root.light-theme .loading-step.done{color:rgba(33,37,41,.8)}:root.light-theme .loading-step.active .step-icon{animation:pulse-glow-light 2s ease-in-out infinite}.settings-action-button{padding:.375rem .75rem;background:var(--surface-medium);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.settings-action-button:hover{background:var(--hover-color);border-color:rgba(255,255,255,.25)}.settings-action-button.active{background:var(--accent-color-shadow);border-color:rgba(255,255,255,.3)}.settings-action-button svg{flex-shrink:0}.mobile-settings-section{padding:1rem}.mobile-settings-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.mobile-settings-item:last-child{border-bottom:none}.mobile-settings-action{padding:.75rem 0;margin-top:.5rem;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.mobile-settings-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.mobile-settings-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.mobile-settings-toggle{padding:.375rem .75rem;background:var(--surface-medium);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500}.mobile-theme-options{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-theme-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface-medium);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.mobile-theme-button:hover{background:var(--hover-color);border-color:var(--color-accent)}.mobile-theme-button.active{background:var(--accent-color-shadow);border-color:var(--color-accent)}.mobile-theme-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.mobile-settings-action-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none}.mobile-settings-action-button:hover{background:var(--hover-color);border-color:var(--color-accent)}.mobile-settings-action-button.active{background:var(--accent-color-shadow);border-color:var(--color-accent)}.mobile-settings-action-button svg{flex-shrink:0}:root.light-theme .optional-variables-header:hover h4{color:#2d3748}.podcast-player{background:var(--surface-light);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.podcast-info{text-align:center}.podcast-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin:0 0 .25rem}.podcast-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.podcast-controls,.podcast-play-btn{display:flex;justify-content:center}.podcast-play-btn{width:48px;height:48px;border-radius:50%;background:var(--brand-color);border:none;color:var(--primary-black);cursor:pointer;align-items:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.podcast-play-btn:hover{transform:scale(1.05)}.podcast-play-btn:active{transform:scale(.98)}.podcast-progress{width:100%;display:flex;align-items:center;gap:.5rem}.podcast-progress-bar{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--border-subtle);outline:none}.podcast-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-color);cursor:pointer}.podcast-progress-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand-color);cursor:pointer;border:none}.podcast-time{font-size:.75rem;color:var(--text-muted)}.podcast-volume-btn{width:36px;height:36px;border-radius:8px;background:var(--surface-medium);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.podcast-volume-btn:hover{background:var(--hover-color)}.podcast-volume-control{display:flex;align-items:center;gap:.5rem}.podcast-volume-bar{width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--border-subtle);outline:none}.podcast-volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-color);cursor:pointer}.podcast-volume-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand-color);cursor:pointer;border:none}:root.light-theme .podcast-play-btn{background:var(--brand-color);color:var(--primary-black)}.podcast-play-btn:hover{box-shadow:0 3px 10px rgba(0,0,0,.25)}:root.light-theme .podcast-play-btn:hover{box-shadow:0 3px 12px rgba(0,0,0,.2)}.navbar-theme-switch{display:flex;align-items:center}.theme-toggle,.theme-toggle-container{position:relative}.theme-toggle{display:inline-block;width:60px;height:30px;cursor:pointer}.theme-toggle input{opacity:0;width:0;height:0}.theme-slider{position:absolute;inset:0;background:var(--surface-light);border:1px solid var(--border-subtle);border-radius:15px;transition:all .3s ease;display:flex;align-items:center;justify-content:flex-start;padding:2px}.theme-toggle input:checked+.theme-slider{background:var(--surface-medium);justify-content:flex-end}.theme-icon{width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.theme-icon.sun{background:var(--primary-green)}.theme-icon.sun:before{width:12px;height:12px}.theme-icon.sun:after,.theme-icon.sun:before{content:"";background:var(--primary-black);border-radius:50%;position:absolute}.theme-icon.sun:after{width:2px;height:2px;box-shadow:0 -8px 0 var(--primary-black),6px -6px 0 var(--primary-black),8px 0 0 var(--primary-black),6px 6px 0 var(--primary-black),0 8px 0 var(--primary-black),-6px 6px 0 var(--primary-black),-8px 0 0 var(--primary-black),-6px -6px 0 var(--primary-black)}.theme-icon.moon{background:var(--primary-green)}.theme-icon.moon:before{background:var(--primary-black);left:4px}.theme-icon.moon:after,.theme-icon.moon:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%}.theme-icon.moon:after{background:var(--primary-green);left:8px}.theme-toggle:hover .theme-slider{box-shadow:0 0 8px rgba(126,217,87,.3)}.theme-switch-container{padding:.5rem 0}.theme-switch{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.theme-switch span{font-size:.9rem;color:var(--text-secondary)}.switch-wrapper{position:relative;width:48px;height:24px}.switch-wrapper input{position:absolute;opacity:0;width:0;height:0}.switch-slider{inset:0;background:var(--secondary-gray);border-radius:24px;cursor:pointer}.switch-slider,.switch-slider:before{position:absolute;transition:all .3s ease}.switch-slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--primary-white);border-radius:50%}.switch-wrapper input:checked+.switch-slider{background:var(--primary-green)}.switch-wrapper input:checked+.switch-slider:before{transform:translateX(24px)}.optional-variables-list--sidebar{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.optional-variables-title{margin:0 0 .5rem;color:var(--text-secondary);font-size:.8rem}.optional-variable-item--sidebar{display:flex;justify-content:space-between;align-items:center;padding:.6rem;background:var(--surface-light);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:0}:root.light-theme .optional-variable-item--sidebar{background:#ffffff;border:1px solid rgba(0,0,0,.2)}.variable-label{font-size:.8rem;color:var(--text-primary)}.variable-toggle-btn{background:var(--surface-dark);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:.4rem .6rem;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.variable-toggle-btn:hover{background:var(--surface-medium);color:var(--text-primary)}.sidebar-button-compact{height:30px;padding:0 10px;width:100%;min-width:120px;flex-shrink:0;font-size:.85rem}.optional-variables-panel--sidebar{background:var(--surface-medium);padding:1rem;border-radius:8px;border:1px solid var(--border-subtle);margin-bottom:1rem}:root.light-theme .optional-variables-panel--sidebar{background:#ffffff;border:1px solid rgba(0,0,0,.2)}.optional-variables-panel--sidebar h4{margin:0 0 .6rem;color:var(--text-primary);font-size:.95rem}.optional-info--sidebar{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.optional-variables-list--sidebar::-webkit-scrollbar{width:6px}.optional-variables-list--sidebar::-webkit-scrollbar-track{background:rgba(15,23,42,.3);border-radius:999px}.optional-variables-list--sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:999px}.optional-variables-list--sidebar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.6)}.no-optional-variables p{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:1rem;margin:0;font-style:italic}.modal-body-text{margin-bottom:1rem;color:var(--text-secondary)}