@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/Cinzel-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/Cinzel-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Gontserrat-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gontserrat;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Gontserrat-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Kanit-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:var(--font-weight-semibold);src:url(/assets/fonts/Kanit-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Righteous;font-style:normal;font-weight:var(--font-weight-normal);src:url(/assets/fonts/Righteous-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-medium);src:url(/assets/fonts/SourceCodePro-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:var(--font-weight-bold);src:url(/assets/fonts/SourceCodePro-Bold.woff2) format("woff2")}.bg-global{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-fixed{background-attachment:fixed;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-global-scroll{background-attachment:scroll;background-image:url(/assets/background.webp);background-position:center;background-size:cover}.bg-overlay-dark{position:relative}.bg-overlay-dark:before{background:var(--underlay-dark);content:"";inset:0;pointer-events:none;position:absolute}.bg-gradient-accent{background:linear-gradient(45deg,#cea5551a,#cea5550d,#cea5551a)}.bg-glass{backdrop-filter:var(--glass-blur);background:var(--glass-bg)}.bg-glass-dark{backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark)}.bg-glass-darker{backdrop-filter:var(--glass-blur);background:var(--glass-bg-darker)}:root{--white: #fff;--black-alpha-heavy: rgb(0 0 0 / 40%);--black-alpha-overlay: rgb(0 0 0 / 30%);--banes-lab-main: #333;--banes-lab-main-dark: #333333a1;--banes-lab-accent: #cea555;--banes-lab-accent-dark: #cea555a1;--banes-lab-pag: #e28840;--banes-lab-pag-dark: #e28840a1;--banes-lab-liquid: #61afd8;--banes-lab-liquid-dark: #61afd8a1;--banes-lab-silver: #aaa;--banes-lab-silver-dark: #aaaaaaa1;--accent-subtle: rgb(226 169 64 / 10%);--accent-light: rgb(226 169 64 / 20%);--accent-medium: rgb(226 169 64 / 30%);--accent-visible: rgb(226 169 64 / 40%);--card-bg: rgb(20 20 20 / 40%);--card-border-accent: rgb(206 165 85 / 50%);--primary-gradient: linear-gradient(135deg, var(--banes-lab-accent) var(--banes-lab-accent-dark));--gradient-blue: linear-gradient(to bottom right, #1e3a5f, #3b82f6);--gradient-gold: linear-gradient(to bottom right, #92400e, #ca8a04);--danger-primary: #f44336;--danger-subtle: rgb(244 67 54 / 10%);--danger-light: rgb(244 67 54 / 20%);--danger-medium: rgb(244 67 54 / 30%);--danger-intense: rgb(220 53 69 / 90%);--success-primary: #61afd8;--success-dark: #61afd8a1;--success-light: rgb(97 175 216 / 20%);--success-medium: rgb(97 175 216 / 30%);--warning-primary: #ffc107;--warning-subtle: rgb(255 193 7 / 10%);--warning-light: rgb(255 193 7 / 20%);--warning-medium: rgb(255 193 7 / 30%);--info-color: #007bff;--hl-attr: #d19a66;--hl-bold: #e5c07b;--hl-code: #98c379;--hl-comment: #5c6370;--hl-heading: #61afef;--hl-key: #e5c07b;--hl-keyword: #c678dd;--hl-number: #d19a66;--hl-string: #98c379;--hl-tag: #e06c75;--text-light-gray: #ccc;--text-mid-gray: #888;--text-sidebar: #cea555;--overlay-subtle: rgb(255 255 255 / 10%);--overlay-light: rgb(255 255 255 / 20%);--overlay-medium: rgb(255 255 255 / 30%);--overlay-dark: rgb(2 2 2 / 40%);--overlay-banes-lab-main: rgb(53 53 53 / 40%);--overlay-banes-lab-accent: rgb(226 136 64 / 40%);--overlay-banes-lab-liquid: rgb(97 175 216 / 40%);--overlay-banes-lab-silver: rgb(170 170 170 / 40%);--underlay-dark: rgb(0 0 0 / 60%);--text-muted: rgb(255 255 255 / 60%);--white-alpha-subtle: rgb(255 255 255 / 5%);--white-alpha-border: rgb(255 255 255 / 20%);--white-alpha-medium: rgb(255 255 255 / 40%);--white-alpha-muted: rgb(255 255 255 / 60%);--white-alpha-primary: rgb(255 255 255 / 70%);--white-alpha-secondary: rgb(255 255 255 / 80%);--white-alpha-strong: rgb(255 255 255 / 80%);--white-alpha-tertiary: rgb(255 255 255 / 90%);--white-alpha-15: rgb(255 255 255 / 15%);--accent-hover: rgb(206 165 85 / 40%);--liquid-hover: rgb(97 175 216 / 50%);--liquid-subtle: rgb(97 175 216 / 15%);--liquid-gradient: linear-gradient(180deg, var(--banes-lab-liquid) 0%, rgb(97 175 216 / 30%) 100%);--card-gradient: linear-gradient(135deg, rgb(20 20 20 / 60%) 0%, rgb(30 30 30 / 40%) 100%);--preview-bg: rgb(10 10 10 / 98%);--code-block: rgb(19 19 19 / 83.6%)}:root{--font-family-base: gontserrat, sans-serif;--font-family-heading: cinzel, serif;--font-family-mono: "Source Code Pro", monospace;--font-family-accent: kanit, sans-serif;--font-family-display: righteous, serif;--font-xxs: .5rem;--font-xs: .6rem;--font-sm: .65rem;--font-md: .7rem;--font-regular: .8rem;--font-lg: .88rem;--font-xl: .9rem;--font-xxl: 1.5rem;--font-hero: 1.6rem;--font-display: 2.4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: .03em;--letter-spacing-wide: .05em;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--blur-soft: blur(4px);--blur-medium: blur(6px);--blur-light: blur(10px);--blur-strong: blur(20px);--drop-shadow-accent: drop-shadow(0 0 20px var(--accent-medium));--drop-shadow-danger: drop-shadow(0 0 10px var(--danger-intense));--glass-bg: rgb(49 49 49 / 70%);--glass-bg-light: rgb(49 49 49 / 50%);--glass-bg-dark: rgb(43 43 43 / 50%);--glass-bg-darker: rgb(43 43 43 / 65%);--glass-bg-darkest: rgb(43 43 43 / 80%);--glass-banes-lab-main: rgb(65 65 65 / 85%);--glass-blur: blur(12px);--glass-border: rgb(226 169 64 / 30%);--glass-shadow: 0 8px 32px rgb(0 0 0 / 30%);--glow-accent-sm: 0 0 8px var(--accent-medium);--glow-accent-md: 0 0 12px var(--accent-medium);--glow-danger-sm: 0 0 8px var(--danger-light);--glow-danger-md: 0 0 12px var(--danger-light);--glow-success-md: 0 0 16px var(--success-light);--glow-info-md: 0 0 16px var(--overlay-light);--glow-info-lg: 0 0 20px rgb(0 123 255 / 30%);--glow-success-lg: 0 0 20px var(--success-medium);--glow-warning-lg: 0 0 20px var(--warning-medium);--glow-danger-lg: 0 0 20px var(--danger-medium);--saturate-intense: saturate(180%);--shadow-subtle: rgb(0 0 0 / 10%);--shadow-light: rgb(0 0 0 / 20%);--shadow-medium: rgb(0 0 0 / 30%);--shadow-strong: rgb(0 0 0 / 50%);--shadow-heavy: rgb(0 0 0 / 70%);--shadow-sm: 0 2px 4px var(--shadow-subtle);--shadow-md: 0 4px 6px rgb(0 0 0 / 10%);--shadow-lg: 0 8px 16px rgb(0 0 0 / 15%);--shadow-xl: 0 12px 24px rgb(0 0 0 / 20%);--shadow-modal: 0 0 30px var(--shadow-strong), 0 0 60px var(--accent-subtle), inset 0 1px 0 var(--overlay-light);--info-bg-subtle: rgb(0 123 255 / 15%);--blur-heavy: blur(12px);--shadow-preview: 0 8px 32px rgb(0 0 0 / 80%)}:root{--border-accent: 3px;--border-accent-left: var(--border-accent) solid var(--banes-lab-accent);--border-m: 2px;--easing-ease: ease;--easing-ease-in-out: ease-in-out;--easing-ease-out: ease-out;--font-code: .9em;--height-chat-widget: 32rem;--opacity-muted: .6;--percent-full: 100%;--percent-half: 50%;--percent-nearly-full: 90%;--preview-content-height: 20rem;--preview-max-height: 28rem;--preview-width: 28rem;--radius-round: 50%;--size-icon-inline: 1.2em;--size-icon-social: 2.25rem;--size-logo-footer: 5rem;--space-code-h: .4em;--space-code-v: .1em;--touch-target-min: 2.75rem;--touch-target-recommended: 3rem;--transform-hover-lift: translateY(-2px);--vh: 1vh;--viewport-full: 100vh;--width-chat-widget: 24rem;--width-sidebar: 10rem;--width-sidebar-collapsed: 2.5rem;--width-sidebar-legal: 13.75rem;--z-dropdown: 100;--z-dropdown-active: 200;--z-dropdown-menu: 100;--z-fixed: 1030;--z-modal: 1500;--z-popover: 1060;--z-preview: 9999;--z-sticky: 1020;--border-s: 1px;--border-xl: 4px;--height-sm: 1.5rem;--height-md: 2rem;--height-xl: 3.125rem;--opacity-medium: .4;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--size-xs: .25rem;--size-sm: .5rem;--size-md: 1rem;--size-lg: 1.25rem;--size-xl: 1.875rem;--size-icon-sm: 3rem;--size-icon-md: 3.5rem;--size-icon-lg: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: .938rem;--space-xl: 1.25rem;--space-xxl: 1.563rem;--space-xxxl: 1.875rem;--transform-hover-lg: translateY(-2px) scale(1.03);--transform-hover-md: translateY(-2px) scale(1.02);--transform-hover-sm: translateY(-1px) scale(1.01);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--width-content-md: 50rem;--width-modal-sm: 25rem;--width-modal-md: 56.25rem}@supports (height: 100svh){:root{--vh: 1svh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes pulseRing{0%{box-shadow:0 0 #ffffffb3}40%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #ffffffb3}}@keyframes pulseRingAccent{0%{box-shadow:0 0 #cea555b3}50%{box-shadow:0 0 0 6px #cea55500}to{box-shadow:0 0 #cea555b3}}@keyframes pulseRingDanger{0%{box-shadow:0 0 #ff2020b3}50%{box-shadow:0 0 0 6px #ff202000}to{box-shadow:0 0 #ff2020b3}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-out{animation:fadeOut .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in-up-large{animation:fadeInUpLarge .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-slide-in-left{animation:slideInLeft .3s ease forwards}.animate-slide-in-right{animation:slideInRight .3s ease forwards}.animate-pulse{animation:subtlePulse 4s ease-in-out infinite}.animate-pulse-ring{animation:pulseRing 2s infinite}.animate-pulse-ring-accent{animation:pulseRingAccent 2s infinite}.animate-pulse-ring-danger{animation:pulseRingDanger 2s infinite}.animate-spin{animation:spin 1s linear infinite}:root{--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.transition-all{transition:all var(--transition-base) var(--easing-ease)}.transition-fast{transition:all var(--transition-fast) var(--easing-ease)}.transition-slow{transition:all var(--transition-slow) var(--easing-ease)}.transition-spring{transition:all var(--transition-spring)}.transition-colors{transition:color var(--transition-base) var(--easing-ease),background-color var(--transition-base) var(--easing-ease),border-color var(--transition-base) var(--easing-ease)}.transition-opacity{transition:opacity var(--transition-base) var(--easing-ease)}.transition-transform{transition:transform var(--transition-base) var(--easing-ease)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-large:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-small:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--glow-accent-md)}.hover-glow-large:hover{box-shadow:0 8px 32px #cea5551a}.card-hover{backdrop-filter:var(--blur-medium);transition:all var(--transition-base) var(--easing-ease)}.card-hover:hover{box-shadow:0 8px 32px #cea5551a;transform:translateY(-4px)}.icon-hover{transition:transform var(--transition-base) var(--easing-ease)}.icon-hover:hover{transform:scale(1.1)}.button-hover{transition:all var(--transition-base) var(--easing-ease)}.button-hover:hover{box-shadow:0 4px 16px #cea5554d;transform:translateY(-2px)}.link-hover{transition:color var(--transition-fast),border-color var(--transition-fast)}.link-hover:hover{border-color:var(--accent-visible);color:var(--banes-lab-accent)}.backdrop-blur-soft{backdrop-filter:var(--blur-soft)}.backdrop-blur-medium{backdrop-filter:var(--blur-medium)}.backdrop-blur-strong{backdrop-filter:var(--blur-strong)}.glass-panel{backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-animate]{opacity:0;transform:translateY(0)}[data-animate=fadeIn].animated{animation:fadeIn var(--animate-duration, .4s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeOut].animated{animation:fadeOut var(--animate-duration, .3s) var(--animate-easing, ease) var(--animate-delay, 0ms) both}[data-animate=fadeInUp].animated{animation:fadeInUp var(--animate-duration, .6s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=fadeInUpLarge].animated{animation:fadeInUpLarge var(--animate-duration, .8s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=scaleIn].animated{animation:scaleIn var(--animate-duration, .5s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=slideInLeft].animated{animation:slideInLeft var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInRight].animated{animation:slideInRight var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=slideInDown].animated{animation:slideInDown var(--animate-duration, .5s) cubic-bezier(.25,.46,.45,.94) var(--animate-delay, 0ms) both}[data-animate=zoomIn].animated{animation:zoomIn var(--animate-duration, .4s) cubic-bezier(.34,1.56,.64,1) var(--animate-delay, 0ms) both}[data-animate=bounceIn].animated{animation:bounceIn var(--animate-duration, .6s) cubic-bezier(.68,-.55,.265,1.55) var(--animate-delay, 0ms) both}[data-animate=pulse].animated{animation:subtlePulse var(--animate-duration, 4s) ease-in-out var(--animate-delay, 0ms) infinite both}[data-animate=pulseRing].animated{animation:pulseRing var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingAccent].animated{animation:pulseRingAccent var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=pulseRingDanger].animated{animation:pulseRingDanger var(--animate-duration, 2s) ease var(--animate-delay, 0ms) infinite both}[data-animate=spin].animated{animation:spin var(--animate-duration, 1s) linear var(--animate-delay, 0ms) infinite both}[data-animate=float].animated{animation:float var(--animate-duration, 3s) ease-in-out var(--animate-delay, 0ms) infinite both}.u-hidden{display:none!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline-flex{display:inline-flex!important}.u-grid{display:grid!important}.u-visible{visibility:visible!important}.u-invisible{visibility:hidden!important}.u-no-transition{transition:none!important}.u-cursor-pointer{cursor:pointer!important}.u-cursor-default{cursor:default!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-auto{overflow:auto!important}.u-text-center{text-align:center!important}.u-text-left{text-align:left!important}.u-text-right{text-align:right!important}.u-flex-center{align-items:center!important;display:flex!important;justify-content:center!important}.u-flex-between{align-items:center!important;display:flex!important;justify-content:space-between!important}.u-flex-col{display:flex!important;flex-direction:column!important}.u-gap-sm{gap:.5rem!important}.u-gap-md{gap:1rem!important}.u-gap-lg{gap:1.5rem!important}.u-w-full{width:100%!important}.u-h-full{height:100%!important}.u-relative{position:relative!important}.u-absolute{position:absolute!important}.u-no-scrollbar::-webkit-scrollbar{display:none}.u-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[data-position-x]{left:var(--position-x)!important}[data-position-y]{top:var(--position-y)!important}[data-width]{width:var(--width)!important}[data-custom-cursor]{cursor:var(--custom-cursor)!important}[data-custom-transition]{transition:var(--custom-transition)!important}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--width-col-md),1fr))}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.w-full{width:var(--percent-full)}.h-full{height:var(--percent-full)}.custom-dropdown{position:relative;width:100%;z-index:100}.custom-dropdown.open{z-index:9999}.form-group:has(.custom-dropdown.open),.form-row:has(.custom-dropdown.open),.form-section:has(.custom-dropdown.open){position:relative;z-index:9999}.custom-dropdown.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.custom-dropdown-trigger{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);height:40px;justify-content:space-between;padding:0 var(--space-md);transition:all var(--transition-base)}.custom-dropdown-trigger:hover{background:var(--overlay-light);border-color:var(--accent-light)}.custom-dropdown.open .custom-dropdown-trigger{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.custom-dropdown-trigger-content{display:flex;flex:1;justify-content:center;min-width:0}.custom-dropdown-placeholder{color:var(--text-mid-gray)}.custom-dropdown-arrow{color:var(--text-mid-gray);flex-shrink:0;font-size:var(--font-size-sm);transition:transform var(--transition-base)}.custom-dropdown.open .custom-dropdown-arrow{color:var(--white);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:9999}.custom-dropdown.open .custom-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.custom-dropdown-menu.animation-slide{transform:translateY(-16px) scaleY(.9);transform-origin:top}.custom-dropdown.open .custom-dropdown-menu.animation-slide{transform:translateY(0) scaleY(1)}.custom-dropdown-menu.animation-none{transition:none}.custom-dropdown-search{border-bottom:var(--border-s) solid var(--accent-subtle);padding:var(--space-sm)}.custom-dropdown-search-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-sm);outline:none;padding:var(--space-xs) var(--space-sm);width:100%}.custom-dropdown-search-input:focus{border-color:var(--banes-lab-accent)}.custom-dropdown-search-input::placeholder{color:var(--text-mid-gray)}.custom-dropdown-options{overflow-y:auto;padding:0}.custom-dropdown-empty{color:var(--text-mid-gray);font-size:var(--font-size-sm);padding:var(--space-md);text-align:center}.custom-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-md);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.custom-dropdown-item:hover,.custom-dropdown-item.focused{background:var(--overlay-light)}.custom-dropdown-item.selected{background:var(--banes-lab-accent-dark)}.custom-dropdown-item.disabled{cursor:not-allowed;opacity:.5}.custom-dropdown-item-content{align-items:center;display:flex;gap:var(--space-sm);justify-content:center;min-width:0}.custom-dropdown-image{border-radius:var(--radius-sm);flex-shrink:0;height:24px;object-fit:cover;width:24px}.custom-dropdown-icon{color:var(--overlay-light);flex-shrink:0;font-size:var(--font-size-base);width:20px}.custom-dropdown-text{display:flex;flex:1;flex-direction:column;gap:var(--space-xxs);min-width:0}.custom-dropdown-label{color:var(--white);font-size:inherit}.custom-dropdown-description{color:var(--text-mid-gray);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-check{color:var(--banes-lab-accent);font-size:var(--font-size-sm);position:absolute;right:var(--space-sm)}.custom-dropdown.theme-minimal .custom-dropdown-trigger{background:transparent;border-color:transparent}.custom-dropdown.theme-minimal .custom-dropdown-trigger:hover{background:var(--overlay-subtle)}.custom-dropdown.theme-minimal.open .custom-dropdown-trigger{background:var(--overlay-subtle);border-color:transparent;box-shadow:none}.custom-dropdown.theme-accent .custom-dropdown-trigger{border-color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-arrow{color:var(--banes-lab-accent)}.custom-dropdown.theme-accent .custom-dropdown-menu{border-color:var(--banes-lab-accent)}.custom-dropdown-label.effect-none{color:var(--white)}.custom-dropdown-label.effect-glow{color:var(--effect-color, var(--banes-lab-accent));text-shadow:0 0 6px var(--effect-color, var(--banes-lab-accent)),0 0 12px var(--effect-color, var(--banes-lab-accent))}.custom-dropdown-label.effect-gradient{animation:dropdown-gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--effect-color, #fff),var(--effect-color-shift, var(--banes-lab-accent)),var(--effect-color, #fff));background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}.custom-dropdown-label.effect-shimmer{animation:dropdown-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--effect-color, #fff) 0%,var(--effect-color-shift, var(--banes-lab-accent)) 50%,var(--effect-color, #fff) 100%);background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}@keyframes dropdown-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dropdown-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.form-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-base);outline:none;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);width:100%}.form-input::placeholder{color:var(--text-mid-gray)}.form-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{border-color:var(--banes-lab-accent);box-shadow:0 0 0 1000px var(--banes-lab-main) inset;caret-color:var(--banes-lab-accent);-webkit-text-fill-color:var(--banes-lab-accent)}.form-textarea{min-height:80px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--text-light-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.input-counter-wrapper{position:relative;width:100%}.input-counter-wrapper input{padding-right:70px}.input-counter-wrapper textarea{padding-bottom:var(--space-xl)}.char-counter{background:var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--text-mid-gray);font-size:var(--font-size-xs);padding:2px 6px;pointer-events:none;position:absolute}.input-counter-wrapper:not(.textarea-counter) .char-counter{right:var(--space-sm);top:50%;transform:translateY(-50%)}.textarea-counter .char-counter{bottom:var(--space-sm);right:var(--space-sm)}.char-counter.near-limit{color:var(--warning-primary)}.char-counter.at-limit{color:var(--danger-primary)}.btn{align-items:center;border:var(--border-s) solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-sm) var(--space-lg);text-decoration:none;text-transform:uppercase;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:hover:not(:disabled){transform:var(--transform-hover-md)}.btn:active:not(:disabled){transform:translateY(0) scale(1)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.btn-primary:hover:not(:disabled){background:var(--banes-lab-accent-dark);box-shadow:var(--glow-accent-sm)}.btn-secondary{background:var(--overlay-light);border-color:var(--accent-subtle);color:var(--white)}.btn-secondary:hover:not(:disabled){background:var(--overlay-medium);border-color:var(--accent-light)}.btn-danger{background:var(--danger-subtle);border-color:var(--danger-primary);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-medium);box-shadow:var(--glow-danger-sm)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.form-checkbox{appearance:none;aspect-ratio:1;background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);cursor:pointer;height:16px;position:relative;transition:all var(--transition-base)}.form-checkbox:hover{border-color:var(--accent-light)}.form-checkbox:checked{background:var(--banes-lab-main);border-color:var(--banes-lab-main)}.form-checkbox:checked:after{border:solid var(--text-light-gray);border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px}.form-checkbox:disabled{cursor:not-allowed;opacity:.5}.icon-pag{background-image:url(/assets/images/png/pag-sidebar.png);background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;height:1em;vertical-align:-.125em;width:1em}.icon-pag-xl{background-image:url(/assets/images/png/pag-logo.png);background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;filter:brightness(0) invert(1);height:24px;width:24px}[data-sidebar].collapsed .nav-button.active .icon-pag{filter:saturate(0)}@media(prefers-reduced-motion:reduce){[data-theme]{transition:none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--banes-lab-main);font-family:var(--font-family-base);margin:0;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}@supports (padding: env(safe-area-inset-top)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}[data-theme]{transition:background-color var(--transition-base) var(--easing-ease-out),color var(--transition-base) var(--easing-ease-out)}a{text-decoration:none}img{display:block;max-width:var(--percent-full)}[data-bg-image]{height:var(--percent-full);left:0;object-fit:cover;object-position:center center;position:fixed;top:0;width:var(--percent-full);z-index:-1}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{width:0}::-webkit-scrollbar-thumb{width:0}::-webkit-scrollbar-thumb:hover{width:0}[data-widget-overlay]{inset:0;pointer-events:none;position:fixed;z-index:var(--z-modal)}[data-widget-overlay]>*{pointer-events:auto;position:absolute}@media(pointer:fine){.u-cursor-not-allowed{cursor:not-allowed!important}}.hidden{display:none!important}.invisible{visibility:hidden!important}.no-scroll{overflow:hidden!important}.empty-state{color:var(--text-light-gray);opacity:.8;padding:var(--size-xl) var(--space-lg);text-align:center}.empty-state i{color:var(--accent-medium);display:block;font-size:var(--font-hero);margin-bottom:var(--space-lg)}.empty-state p{font-size:var(--font-regular);margin:var(--space-sm) 0}.empty-state p:last-child{font-size:var(--font-md);opacity:.7}.legal-header{border-bottom:var(--border-s) solid var(--accent-subtle);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);text-align:center}.legal-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-xxl);margin-bottom:var(--space-sm)}.legal-dates{color:var(--text-mid-gray);display:flex;font-size:var(--font-sm);gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-md)}.legal-intro{color:var(--text-light-gray);font-size:var(--font-regular);line-height:var(--line-height-loose);margin:0 auto;max-width:var(--width-content-md)}.legal-layout{display:grid;gap:var(--space-xl);grid-template-columns:var(--width-sidebar-legal) 1fr}.legal-toc{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);height:fit-content;padding:var(--space-lg);position:sticky;top:var(--space-lg)}.toc-title{border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.toc-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.toc-item{border-radius:var(--radius-sm)}.toc-link{align-items:center;color:var(--text-light-gray);display:flex;font-size:var(--font-sm);gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-decoration:none}.toc-link:hover{color:var(--banes-lab-accent)}.toc-link.active{background:var(--accent-subtle);border-radius:var(--radius-sm);color:var(--banes-lab-accent)}.toc-link i{font-size:var(--font-md);width:var(--size-icon-inline)}.legal-sections{display:flex;flex-direction:column;gap:var(--space-lg)}.legal-section{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.section-header{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.section-icon{color:var(--banes-lab-accent);font-size:var(--font-xxl);line-height:1}.section-title{color:var(--white);font-family:var(--font-family-heading);font-size:var(--font-lg);margin:0}.section-intro{color:var(--text-light-gray);font-size:var(--font-regular);line-height:var(--line-height-loose);margin-bottom:var(--space-lg)}.subsection{margin-bottom:var(--space-xl)}.subsection:last-child{margin-bottom:0}.subsection-title{border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);font-size:var(--font-regular);margin-bottom:var(--space-md);padding-bottom:var(--space-xs)}.subsection-text{color:var(--text-light-gray);font-size:var(--font-md);line-height:var(--line-height-loose);margin-bottom:var(--space-md)}.subsection-note{background:var(--accent-subtle);border-left:var(--border-accent-left);color:var(--text-light-gray);font-size:var(--font-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.subsection-link{color:var(--banes-lab-accent);display:inline-block;font-size:var(--font-sm);margin-top:var(--space-sm);text-decoration:none}.subsection-link:hover{text-decoration:underline}.items-list{display:grid;gap:var(--space-sm);margin:0}.items-list dt{color:var(--white);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.items-list dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-sm) 0;padding-left:var(--space-md)}.legal-footer{border-top:var(--border-s) solid var(--accent-subtle);color:var(--text-mid-gray);font-size:var(--font-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}.legal-footer p{margin:var(--space-xs) 0}.legal-footer-doc{margin-bottom:var(--space-xl)}.company-footer{align-items:center;border-top:var(--border-s) solid var(--accent-subtle);display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-xl)}.company-logo{height:var(--size-logo-footer);width:var(--size-logo-footer)}.company-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.company-name{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-lg)}.company-tagline{color:var(--text-mid-gray);font-size:var(--font-sm)}.company-links{display:flex;gap:var(--space-md)}.company-social-link{align-items:center;background:var(--accent-subtle);border-radius:var(--percent-half);color:var(--text-light-gray);display:flex;font-size:var(--font-md);height:var(--size-icon-social);justify-content:center;text-decoration:none;transition:all var(--timing-fast) ease;width:var(--size-icon-social)}.company-social-link:hover{background:var(--banes-lab-accent);color:var(--background-dark);transform:var(--transform-hover-lift)}.company-details{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);justify-content:center;width:100%}.company-details span{color:var(--text-light-gray);font-size:var(--font-sm)}.company-details strong{color:var(--text-mid-gray)}.company-details a{color:var(--banes-lab-accent);text-decoration:none}.company-details a:hover{text-decoration:underline}.company-copyright{color:var(--text-mid-gray);font-size:var(--font-xs);margin:0}@media(width<=768px){.legal-layout{grid-template-columns:1fr}.legal-toc{display:none}.legal-dates{flex-direction:column;gap:var(--space-xs)}}@media(width<=480px){.legal-header{padding-bottom:var(--space-md)}.legal-title{font-size:var(--font-xl)}.legal-intro{font-size:var(--font-sm)}.legal-section{padding:var(--space-sm)}.section-title{font-size:var(--font-md)}.items-list dd{padding-left:var(--space-sm)}}.cipher-suites,.cookie-settings,.resources-table{margin-top:var(--space-md)}.cipher-label,.cookie-label,.resources-label{color:var(--white);display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.cipher-list,.cookie-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:none;margin:0;padding-left:var(--space-md)}.cipher-list li,.cookie-list li{margin-bottom:var(--space-xs)}.cipher-item{font-family:var(--font-family-mono);font-size:var(--font-xs)}.cookie-desc{color:var(--text-mid-gray);font-size:var(--font-xs)}.layers-list{display:flex;flex-direction:column;gap:var(--space-md)}.layer-item{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.layer-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.layer-points{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.resources-list{display:grid;gap:var(--space-xs);margin:0}.resources-list dt{color:var(--white);font-size:var(--font-sm)}.resources-list dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) var(--space-md)}.headers-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.headers-table th,.headers-table td{border:var(--border-s) solid var(--accent-subtle);padding:var(--space-xs) var(--space-sm);text-align:left}.headers-table th{background:var(--accent-subtle);color:var(--white)}.headers-table td{color:var(--text-light-gray)}.headers-table code{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.log-fields-list,.events-list,.deletion-steps,.practices-list,.responsibilities-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.log-fields-list li,.events-list li,.deletion-steps li,.practices-list li,.responsibilities-list li{margin-bottom:var(--space-xs)}.steps-list{color:var(--text-light-gray);font-size:var(--font-sm);margin:0;padding-left:var(--space-lg)}.steps-list li{margin-bottom:var(--space-sm)}.steps-list strong{color:var(--banes-lab-accent)}.contact-info{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.contact-email,.contact-response{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.contact-email a,.third-party-details a{color:var(--banes-lab-accent);text-decoration:none}.contact-email a:hover,.third-party-details a:hover{text-decoration:underline}.contact-note{color:var(--text-mid-gray);font-size:var(--font-xs)}.contact-dpo,.contact-address{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.simple-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.simple-list li{margin-bottom:var(--space-xs)}.data-groups{display:flex;flex-direction:column;gap:var(--space-md)}.data-group{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.data-group-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.data-group-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.data-group-list li{margin-bottom:var(--space-xs)}.third-parties{display:flex;flex-direction:column;gap:var(--space-md)}.third-party-item{background:var(--overlay-subtle);border-left:var(--border-accent-left);border-radius:var(--radius-sm);padding:var(--space-md)}.third-party-name{color:var(--white);display:block;font-size:var(--font-sm);margin-bottom:var(--space-sm)}.third-party-details{display:grid;gap:var(--space-xs);margin:0}.third-party-details dt{color:var(--text-mid-gray);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.third-party-details dd{color:var(--text-light-gray);font-size:var(--font-sm);margin:0 0 var(--space-xs) 0}.cookies-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.cookies-table th,.cookies-table td{border:var(--border-s) solid var(--accent-subtle);padding:var(--space-xs) var(--space-sm);text-align:left}.cookies-table th{background:var(--accent-subtle);color:var(--white)}.cookies-table td{color:var(--text-light-gray)}.cookies-table code{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.how-to{background:var(--overlay-subtle);border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:var(--space-md)}.how-to-label{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.how-to-list{color:var(--text-light-gray);font-size:var(--font-sm);list-style:decimal;margin:0;padding-left:var(--space-lg)}.how-to-list li{margin-bottom:var(--space-xs)}.labeled-list{margin-top:var(--space-sm)}.labeled-list-label{color:var(--white);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.labeled-list-items{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.labeled-list-items li{margin-bottom:var(--space-xs)}.breach-steps{display:flex;flex-direction:column;gap:var(--space-md)}.breach-step{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.breach-phase{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.breach-actions{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.breach-actions li{margin-bottom:var(--space-xs)}.notification-types{display:flex;flex-direction:column;gap:var(--space-md)}.notification-type{background:var(--overlay-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.notification-type-name{color:var(--banes-lab-accent);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.notification-methods{color:var(--text-light-gray);font-size:var(--font-sm);list-style:disc;margin:0;padding-left:var(--space-lg)}.notification-methods li{margin-bottom:var(--space-xs)}.response-time{color:var(--text-light-gray);font-size:var(--font-sm);margin-top:var(--space-sm)}.response-time strong{color:var(--white)}.subsection-external-link{color:var(--banes-lab-accent);display:inline-block;font-size:var(--font-sm);margin-top:var(--space-sm);text-decoration:none}.subsection-external-link:hover{text-decoration:underline}@media(width<=768px){.cookies-table,.headers-table{display:block;overflow-x:auto}.legal-section{box-sizing:border-box;max-width:var(--percent-full);overflow:hidden;padding:var(--space-md)}.items-list{max-width:var(--percent-full)}.items-list dd{overflow-wrap:break-word;word-break:break-word}.third-party-details dd{word-break:break-word}.third-party-details a,.contact-email a,.items-list a{word-break:break-all}.contact-info,.third-party-item,.data-group,.breach-step,.notification-type,.how-to,.layer-item{box-sizing:border-box;max-width:var(--percent-full);overflow-wrap:break-word}.subsection{max-width:var(--percent-full);overflow:hidden}}@media(width<=480px){.legal-section{padding:var(--space-sm)}.cookies-table,.headers-table{font-size:var(--font-xs)}.cookies-table th,.cookies-table td,.headers-table th,.headers-table td{padding:var(--space-xxs) var(--space-xs)}.section-header{gap:var(--space-sm)}.section-icon{font-size:var(--font-lg)}.section-content{font-size:var(--font-sm)}}@media(width>=769px){.container{display:grid;grid-template-columns:auto 1fr}}@media(width<=768px){.container{height:calc(var(--viewport-full) - var(--touch-target-recommended))}[data-sidebar]{height:var(--percent-full);left:0;pointer-events:none;position:fixed;top:0;transform:translate(calc(var(--percent-full) * -1));transition:transform var(--transition-base) var(--easing-ease-out);width:var(--width-sidebar);z-index:calc(var(--z-fixed) + 10)}[data-sidebar].open{pointer-events:auto;transform:translate(0)}[data-app]{height:calc(var(--percent-full) - var(--touch-target-recommended))}}@media(width>=769px){.mobile-overlay{display:none}}.container{display:flex;height:var(--viewport-full);position:relative}[data-app]{box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--font-regular);min-height:0;overflow:hidden auto;width:var(--percent-full)}[data-app]>*:first-child{flex:1;width:var(--percent-full)}.page-content{padding:clamp(var(--space-md),2vw,var(--space-xl))}.mobile-overlay{background:var(--shadow-strong);display:none;inset:0;opacity:0;position:fixed;transition:opacity var(--transition-slow) var(--easing-ease-out);z-index:calc(var(--z-fixed) - 1)}.mobile-overlay.active{display:block;opacity:1}.site-footer{color:var(--text-mid-gray);font-size:var(--font-xs);padding:var(--space-lg);text-align:center}.sidebar-mobile-header{display:none}@media(width<=768px){.sidebar-mobile-header{align-items:center;display:flex;justify-content:flex-end;padding:var(--space-xs)}.sidebar-mobile-logout-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--banes-lab-accent);cursor:pointer;display:flex;justify-content:center;padding:var(--space-xs);transition:all var(--transition-base) ease}.sidebar-mobile-logout-button:hover,.sidebar-mobile-logout-button:active{background:var(--danger-subtle);color:var(--danger-primary)}.sidebar-mobile-logout-button i{font-size:var(--font-size-lg)}[data-sidebar]{height:calc(var(--vh) * 100);left:0;padding:0;padding-bottom:calc(var(--touch-target-recommended) + var(--space-md));pointer-events:none;position:fixed;top:0;transform:translate(calc(var(--percent-full) * -1));z-index:var(--z-fixed)}[data-sidebar].open{pointer-events:auto;transform:translate(0)}[data-sidebar].collapsed{width:var(--width-sidebar)}@supports (height: 100svh){[data-sidebar]{height:100svh}}.sidebar-header{display:none}.sidebar-footer{align-items:center;background:transparent;border-top:var(--border-s) solid var(--banes-lab-subtle);bottom:0;height:var(--touch-target-recommended);justify-content:flex-end;left:0;margin-top:0;padding:0;padding-right:var(--space-md);pointer-events:none;position:fixed;right:0}.sidebar-footer [data-toggle-sidebar]{pointer-events:auto}.sidebar-footer .sidebar-logout-button{display:none}}@media(prefers-reduced-motion:reduce){[data-sidebar]{transition:none}}@media(width>=769px){[data-sidebar]{position:relative;transform:translate(0)}}.sidebar-header{align-items:center;display:flex;justify-content:flex-end;padding:var(--space-md)}[data-sidebar]{backdrop-filter:var(--glass-blur);background:var(--glass-bg);box-shadow:var(--glass-shadow);box-sizing:border-box;container-name:sidebar;container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--vh) * 100);overflow:hidden;padding:var(--space-sm);transition:width var(--transition-base) var(--easing-ease-out),padding var(--transition-base) var(--easing-ease-out),transform var(--transition-base) var(--easing-ease-out);width:var(--width-sidebar)}[data-sidebar].collapsed{padding:var(--space-sm) var(--space-xs);width:calc(var(--height-md) + var(--size-xs))}@container sidebar (min-width: var(--width-sidebar)){[data-sidebar]{padding:var(--space-md)}}.sidebar-footer{align-items:center;border-top:var(--border-s) solid var(--border-color);display:flex;gap:var(--space-sm);justify-content:center;margin-top:auto;padding:var(--space-md)}.sidebar-logout-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--banes-lab-accent);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-xs);transition:all var(--transition-base) ease}.sidebar-logout-button:hover{background:var(--danger-subtle);color:var(--danger-primary)}.sidebar-logout-button i{font-size:var(--font-size-base)}.sidebar-logout-label{display:none}[data-sidebar].collapsed .sidebar-logout-button{padding:var(--space-xs)}@supports (height: 100svh){[data-sidebar]{height:100svh}}@media(width<=768px){.mobile-footer-nav{align-items:center;display:flex;justify-content:space-between;padding-left:var(--space-md);padding-right:var(--space-md);transform:translateY(0)}}@media(hover:none)and (pointer:coarse){.mobile-footer-nav-item{min-height:var(--touch-target-recommended)}}.mobile-footer-nav{backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-top:var(--border-s) solid var(--glass-border);bottom:0;box-shadow:var(--shadow-sm);height:var(--touch-target-recommended);left:0;padding:0;position:fixed;right:0;transition:transform var(--transition-base) var(--easing-ease-out);z-index:var(--z-sticky)}@media(width>=769px){.mobile-footer-nav{display:none;transform:translateY(var(--percent-full))}}.mobile-footer-nav-item{align-items:center;background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:var(--touch-target-min);padding:var(--space-xs);text-decoration:none;transition:color var(--transition-fast)}.mobile-footer-nav-item:first-child,.mobile-footer-nav-item:last-child{min-width:var(--touch-target-recommended)}.mobile-footer-nav-item i{font-size:var(--font-regular)}.mobile-footer-nav-item span{font-size:var(--font-xxs);text-transform:capitalize}.mobile-footer-nav-item.active,.mobile-footer-nav-item:hover{color:var(--banes-lab-accent)}.mobile-footer-logo{height:var(--height-sm);object-fit:contain;opacity:.7;transition:opacity var(--transition-fast);width:auto}.mobile-footer-chat-logo{height:var(--height-md);object-fit:contain;opacity:.7;transition:opacity var(--transition-fast);width:auto}.mobile-footer-nav-item.active .mobile-footer-logo,.mobile-footer-nav-item:hover .mobile-footer-logo,.mobile-footer-nav-item.active .mobile-footer-chat-logo,.mobile-footer-nav-item:hover .mobile-footer-chat-logo{opacity:1}@supports (padding: env(safe-area-inset-bottom)){.mobile-footer-nav{height:calc(var(--touch-target-recommended) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}@media(width<=768px){.nav-container{border-bottom:var(--border-s) solid var(--banes-lab-subtle);border-top:none;flex:1;margin-top:0;overflow-y:auto;padding:var(--space-sm);padding-top:0}}.nav-container{align-items:stretch;border-top:var(--border-s) solid var(--banes-lab-subtle);display:flex;flex-direction:column;gap:calc(var(--space-xs) / 2);width:var(--percent-full)}.nav-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-sidebar);display:flex;flex-wrap:nowrap;font-family:var(--font-family-base);gap:var(--space-md);justify-content:flex-start;margin:0;min-height:var(--height-md);padding:var(--space-sm) var(--space-md);position:relative;text-align:left;transition:all var(--transition-slow) ease;width:var(--percent-full)}.nav-button i{display:inline-block;flex-shrink:0;min-width:var(--size-md);opacity:1;text-align:center;transition:all var(--transition-slow) ease;visibility:visible}.nav-button.active i{transition:color var(--transition-slow) ease}.nav-text{flex-shrink:0;transition:opacity var(--transition-slow) ease;white-space:nowrap}.nav-button--locked{cursor:default;pointer-events:none}.nav-button--locked>*:not(.nav-lock-icon){opacity:.5}.nav-lock-icon{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-left:auto;transition:all var(--transition-slow) ease}.nav-button--locked .nav-lock-icon{opacity:.5;pointer-events:auto}.nav-button--locked .nav-lock-icon:hover{color:var(--banes-lab-accent);opacity:1;transform:scale(1.2)}.nav-button:not(.nav-button--locked):hover{background:var(--overlay-subtle);color:var(--banes-lab-accent);transform:scale(1.05);transition:all var(--transition-slow) ease}.nav-button:not(.nav-button--locked):hover i{transform:scale(1.1)}[data-sidebar] .nav-button.active{background:var(--overlay-light);color:var(--active-text-color, var(--banes-lab-accent));transition:all var(--transition-slow) ease}@container sidebar (max-width: 30px){[data-sidebar] .nav-button.active{background:none;height:calc(var(--border-s) * 2);transition:ease var(--transition-slow)}[data-sidebar] .nav-button.active i{color:var(--banes-lab-silver);transition:color var(--transition-slow) ease var(--transition-slow)}}[data-sidebar].collapsed .nav-container{align-items:center}[data-sidebar].collapsed .nav-button{border-radius:var(--radius-sm);height:var(--height-sm);justify-content:center;min-height:var(--height-sm);padding:var(--space-xs);width:var(--height-sm)}[data-sidebar].collapsed .nav-button:not(.active),[data-sidebar].collapsed .nav-button:not(.active):hover{background:none}[data-sidebar].collapsed .nav-text{display:none}[data-sidebar].collapsed .nav-button--locked>i:first-child{display:none}[data-sidebar].collapsed .nav-button--locked .nav-lock-icon{margin-left:0}[data-sidebar].collapsed .nav-button.active i{color:var(--banes-lab-silver);transition:color var(--transition-base) ease var(--transition-base)}@media(width>=769px){.sidebar-header [data-toggle-sidebar]{position:absolute;right:var(--space-sm);top:var(--space-sm)}.sidebar-footer [data-toggle-sidebar]{display:none}[data-sidebar].collapsed .sidebar-header [data-toggle-sidebar]{left:var(--percent-half);right:auto;top:var(--space-sm);transform:translate(calc(var(--percent-half) * -1))}}@media(width<=768px){.sidebar-header [data-toggle-sidebar]{display:none}.sidebar-footer [data-toggle-sidebar]{background:none;font-size:var(--font-regular);height:var(--touch-target-recommended);position:relative;width:var(--touch-target-recommended)}.sidebar-footer [data-toggle-sidebar]:hover{transform:scale(1.1)}}[data-toggle-sidebar]{align-items:center;background:none;border:none;color:var(--text-sidebar);cursor:pointer;display:flex;font-size:var(--font-md);height:var(--size-lg);justify-content:center;padding:var(--space-xs);transition:all var(--transition-slow) ease;width:var(--size-lg);z-index:var(--z-dropdown)}[data-toggle-sidebar]:hover{color:var(--banes-lab-accent);transform:scale(1.1)}@media(width<=768px){.chat-widget{display:none;inset:0;pointer-events:auto;z-index:var(--z-modal)}.chat-widget.open{display:block}.chat-widget-container{border-radius:0;height:calc(var(--vh) * 100);inset:0;position:fixed;transform:translateY(var(--percent-full));width:var(--percent-full)}.chat-widget.open .chat-widget-container{transform:translateY(0)}.chat-widget-header{padding:var(--space-lg) var(--space-md)}.chat-widget-close{height:var(--touch-target-recommended);width:var(--touch-target-recommended)}.chat-widget-input-area{padding:var(--space-lg) var(--space-md)}.chat-widget-input{min-height:var(--touch-target-recommended)}.chat-widget-send{height:var(--touch-target-recommended);width:var(--touch-target-recommended)}.logo-chat-badge{height:calc(var(--height-xl) * 1.2);width:calc(var(--height-xl) * 1.2)}.logo-overlay{display:none}@supports (padding: env(safe-area-inset-bottom)){.chat-widget-input-area{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}.chat-widget-header{padding-top:calc(var(--space-lg) + env(safe-area-inset-top))}}@supports (height: 100svh){.chat-widget-container{height:100svh}}}@media(orientation:landscape)and (height<=30rem){.chat-widget-header,.chat-widget-input-area{padding:var(--space-md) var(--space-sm)}}@media(prefers-reduced-motion:reduce){.chat-widget-container,.logo-chat-badge{transition:none}}.chat-widget{pointer-events:none;position:fixed}@media(width>=769px){.chat-widget{bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-popover)}}.chat-widget-container{backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border:var(--border-s) solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;opacity:0;overflow:hidden;pointer-events:auto;transition:transform var(--transition-slower) cubic-bezier(.68,-.55,.265,1.55),opacity var(--transition-slow) var(--easing-ease)}@media(width>=769px){.chat-widget-container{border-radius:var(--radius-lg);bottom:0;height:var(--height-chat-widget);position:absolute;right:0;transform:translateY(var(--height-chat-widget));width:var(--width-chat-widget)}}.chat-widget.open .chat-widget-container{opacity:1;transform:translateY(0)}.chat-widget-header{align-items:center;backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-bottom:var(--border-s) solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--space-md)}.chat-widget-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm)}.chat-widget-input-area{backdrop-filter:var(--glass-blur);background:var(--glass-banes-lab-main);border-top:var(--border-s) solid var(--glass-border);display:flex;gap:var(--space-sm);padding:var(--space-md)}.logo-overlay{bottom:var(--space-xs);height:var(--height-xl);pointer-events:none;position:fixed;right:var(--space-xs);width:var(--height-xl);z-index:var(--z-popover)}.chat-widget.hidden{display:none}.chat-widget-close{background:none;border:none;color:var(--white);cursor:pointer;font-size:var(--font-regular);min-height:var(--touch-target-min);min-width:var(--touch-target-min);opacity:.7;padding:var(--space-xs);transition:opacity var(--transition-fast)}.chat-widget-close:hover{opacity:1}.chat-widget-input{background:var(--white-alpha-subtle);border:var(--border-s) solid var(--overlay-dark);border-radius:var(--radius-md);color:var(--white);flex:1;font-family:inherit;font-size:var(--font-sm);padding:var(--space-sm)}@supports (resize: none){.chat-widget-input{resize:none}}.chat-widget-input:focus{background:var(--overlay-dark);border-color:var(--accent-visible);outline:none}.chat-widget-send{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--font-md);height:var(--touch-target-min);transition:transform var(--transition-fast);width:var(--touch-target-min)}.chat-widget-send:hover{transform:scale(1.05)}.chat-widget-input:disabled{background:var(--overlay-dark);color:var(--text-dim-gray);cursor:not-allowed;opacity:.6}.chat-widget-send:disabled{background:var(--overlay-medium);cursor:not-allowed;opacity:.5;transform:none}.logo-chat-badge{align-items:center;background:none;border:none;border-radius:var(--percent-half);color:var(--banes-lab-accent);cursor:pointer;display:flex;font-size:var(--font-hero);height:var(--height-xl);justify-content:center;opacity:1;overflow:hidden;pointer-events:auto;position:relative;transform:scale(1);transition:transform var(--transition-slower) cubic-bezier(.34,1.56,.64,1),opacity var(--transition-slower) var(--easing-ease-in-out);width:var(--height-xl);will-change:transform,opacity}.logo-chat-badge:hover{transform:scale(1.1)}.logo-chat-badge.active{opacity:0;transform:scale(.3)}.logo-chat-badge.active:hover{opacity:0;transform:scale(.35)}.logo-chat-badge.hidden{display:none}.chat-badge-avatar{aspect-ratio:1 / 1;border-radius:var(--percent-half);height:var(--height-xl);max-height:none;max-width:none;min-height:var(--height-xl);min-width:var(--height-xl);object-fit:cover;object-position:center;width:var(--height-xl)}@media(width<=768px){.chat-widget-messages{padding:var(--space-lg)}}@media(orientation:landscape)and (height<=30rem){.chat-widget-messages{padding:var(--space-md)}}@media(hover:none)and (pointer:coarse){.chat-message{gap:var(--space-md)}.message-icon{height:var(--touch-target-min);width:var(--touch-target-min)}.message-content{min-height:var(--touch-target-min);padding:var(--space-md)}}.chat-widget-messages{display:flex;flex:1;flex-direction:column;gap:var(--space-md);overflow-y:auto;padding:var(--space-md)}.chat-message{align-items:flex-start;display:flex;gap:var(--space-sm)}.chat-message-rich{flex-direction:column;gap:var(--space-xs)}.chat-message-user.chat-message-rich{align-items:flex-end}.chat-message-user .message-header{flex-direction:row-reverse}.message-header{align-items:flex-end;display:flex;gap:2px}.message-avatar{border-radius:var(--percent-half);flex-shrink:0;height:32px;object-fit:cover;width:32px}.message-avatar-default{align-items:center;background:var(--overlay-light);color:var(--text-mid-gray);display:flex;font-size:var(--font-size-sm);justify-content:center}.message-identity{align-items:baseline;display:flex;gap:var(--space-xs)}.message-name{font-size:use css variable for consistent typography scale;font-weight:var(--font-weight-semibold)}.message-name.effect-none{color:var(--white)}.message-name.effect-glow{color:inherit}.message-name.effect-gradient{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--user-color, #fff),var(--user-color-shift, #fff),var(--user-color, #fff));background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}.message-name.effect-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--user-color, #fff) 0%,var(--user-color-shift, #fff) 50%,var(--user-color, #fff) 100%);background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.message-tag{color:var(--text-mid-gray);font-size:use css variable for consistent typography scale}.message-body{background:var(--white-alpha-subtle);border-radius:var(--radius-md);color:var(--text-light-gray);font-size:var(--font-sm);line-height:var(--line-height-normal);min-width:150px;overflow-wrap:break-word;padding:var(--space-sm) var(--space-md) calc(var(--space-sm) + 14px);position:relative}.chat-message-user .message-body{background:var(--overlay-light);border-left:none;border-right:2px solid var(--overlay-medium);text-align:right}.message-footer{bottom:var(--space-xs);color:var(--text-dim-gray);font-size:use css variable for consistent typography scale;opacity:.6;position:absolute}.chat-message-user .message-footer{right:var(--space-sm)}.chat-message-assistant .message-footer{left:var(--space-sm)}.chat-message-assistant .message-body{background:var(--accent-subtle);border-left:2px solid var(--banes-lab-accent);text-align:left}.message-icon{align-items:center;background:var(--overlay-light);border-radius:var(--percent-half);color:var(--text-light-gray);display:flex;flex-shrink:0;font-size:use css variable for consistent typography scale;height:28px;justify-content:center;width:28px}.chat-message-error .message-icon{background:var(--danger-subtle);color:var(--danger-primary)}.chat-message-warning .message-icon{background:var(--warning-subtle);color:var(--warning-primary)}.chat-message-loading .message-icon{background:var(--accent-subtle);color:var(--banes-lab-accent)}.message-content{background:var(--white-alpha-subtle);border-radius:var(--radius-md);color:var(--text-light-gray);flex:1;font-size:var(--font-sm);line-height:var(--line-height-normal);overflow-wrap:break-word;padding:var(--space-sm) var(--space-md)}.chat-widget-messages::-webkit-scrollbar{width:var(--space-sm)}.chat-widget-messages::-webkit-scrollbar-track{background:var(--white-alpha-subtle)}.chat-widget-messages::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:var(--radius-sm)}.chat-widget-messages::-webkit-scrollbar-thumb:hover{background:var(--overlay-medium)}.chat-tour-link{color:var(--accent-visible);cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.chat-tour-link:hover{color:var(--banes-lab-accent)}.chat-message-system .message-content{background:var(--overlay-dark);border:var(--border-s) dashed var(--accent-visible);color:var(--accent-visible);font-size:var(--font-xs);text-align:center}.chat-message-system .message-icon{display:none}.chat-message-error .message-content{background:var(--danger-subtle);border-left:2px solid var(--danger-primary);color:var(--danger-primary)}.chat-message-loading .message-content{color:var(--text-mid-gray);font-style:italic}.spin{animation:spin 1s linear infinite}.chat-message-avatar{border-radius:var(--percent-half);height:100%;object-fit:cover;width:100%}.chat-header-icon{border-radius:var(--percent-half);height:2rem;object-fit:cover;width:2rem}.auth-required-message{align-items:flex-start;display:flex;gap:var(--space-md);padding:var(--space-md)}.auth-required-avatar{border-radius:var(--percent-half);flex-shrink:0;height:48px;object-fit:cover;width:48px}.auth-required-bubble{background:var(--accent-subtle);border-left:3px solid var(--banes-lab-accent);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.auth-required-bubble p{color:var(--text-light-gray);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-sm)}.auth-required-link{background:var(--banes-lab-accent);border:none;border-radius:var(--radius-sm);color:var(--black);cursor:pointer;display:inline-block;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);text-decoration:none;transition:background var(--transition-fast)}.auth-required-link:hover{background:var(--accent-visible)}.session-list{display:flex;flex-direction:column;gap:var(--space-md);width:var(--percent-full)}.session-item{align-items:center;background:var(--overlay-light);border:var(--border-s) solid transparent;border-radius:var(--radius-md);display:grid;gap:var(--space-lg);grid-template-columns:1fr auto;padding:var(--space-lg);transition:background var(--transition-base),border-color var(--transition-base)}.session-item:hover{background:var(--overlay-medium);border-color:var(--banes-lab-accent)}.session-item.current{background:var(--accent-light);border-color:var(--banes-lab-accent)}.session-info{display:flex;flex-direction:column;gap:var(--space-xs)}.session-device{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-medium)}.session-details{color:var(--text-light-gray);font-size:var(--font-md)}.session-last-active{color:var(--text-muted);font-size:var(--font-sm)}.session-actions{align-items:center;display:flex;gap:var(--space-sm)}.session-revoke-button{background:var(--danger-primary);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:background var(--transition-base),transform var(--transition-fast)}.session-revoke-button:hover{background:var(--danger-intense);transform:var(--transform-hover-sm)}.session-revoke-button:disabled{background:var(--text-mid-gray);cursor:not-allowed;transform:none}.session-current-badge{background:var(--banes-lab-accent);border-radius:var(--radius-sm);color:var(--banes-lab-main);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.session-loading{color:var(--text-light-gray);font-size:var(--font-regular);padding:var(--space-xxl);text-align:center}.session-empty{color:var(--text-muted);font-size:var(--font-sm);padding:var(--space-xxl);text-align:center}.session-error{background:var(--danger-light);border-left:var(--border-m) solid var(--danger-primary);border-radius:var(--radius-sm);color:var(--danger-primary);font-size:var(--font-sm);padding:var(--space-lg)}@media(width<=768px){.session-item{gap:var(--space-md);grid-template-columns:1fr}.session-actions{justify-content:flex-start;width:var(--percent-full)}}.auth-page,.auth-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg)}.auth-form{backdrop-filter:var(--blur-light);background:var(--glass-banes-lab-main);border-radius:var(--radius-lg);max-width:var(--width-modal-sm);padding:var(--space-xxl);width:var(--percent-full)}.auth-form h1{color:var(--white);font-size:var(--font-xxl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xl);text-align:center}.auth-form p{color:var(--text-light-gray);font-size:var(--font-md);margin-bottom:var(--space-lg);text-align:center}@media(width<=768px){.auth-page,.auth-content{padding:var(--space-md)}.auth-form{padding:var(--space-xl)}}.auth-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-base);margin-bottom:var(--space-lg);outline:none;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);width:100%}.auth-input::placeholder{color:var(--text-mid-gray)}.auth-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.auth-input:disabled{cursor:not-allowed;opacity:.5}.auth-input[readonly]{background:var(--overlay-medium);cursor:default}.auth-input-wrapper{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.auth-input-wrapper .auth-input{flex:1;margin-bottom:0}.auth-edit-btn{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--text-light-gray);cursor:pointer;display:flex;justify-content:center;padding:var(--space-md);transition:all var(--transition-base)}.auth-edit-btn:hover{background:var(--overlay-light);border-color:var(--banes-lab-accent);color:var(--white)}.password-container{animation:slideDown var(--transition-base) var(--easing-ease)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-label{color:var(--white);display:block;font-size:var(--font-md);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.terms-container{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.terms-container .terms-checkbox{cursor:pointer;flex-shrink:0;height:var(--font-xl);width:var(--font-xl)}.terms-container label{color:var(--text-light-gray);cursor:pointer;font-size:var(--font-md);user-select:none}.auth-button{align-items:center;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-md);color:var(--banes-lab-main);cursor:pointer;display:flex;font-size:var(--font-regular);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-lg);transition:background var(--transition-base),transform var(--transition-fast);width:var(--percent-full)}.auth-button i{font-size:var(--font-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-button .spin{animation:spin 1s linear infinite}.auth-button:hover:not(:disabled){background:var(--banes-lab-accent-dark);transform:var(--transform-hover-sm)}.auth-button:disabled{background:var(--text-light-gray);cursor:not-allowed;opacity:var(--opacity-medium);transform:none}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-link{color:var(--banes-lab-accent);display:block;font-size:var(--font-md);margin-top:var(--space-lg);text-align:center;text-decoration:none;transition:color var(--transition-base)}.auth-link:hover{color:var(--banes-lab-accent-dark);text-decoration:underline}.auth-link:visited{color:var(--banes-lab-accent)}.auth-checkbox-container{align-items:center;display:flex;gap:var(--space-sm);margin:var(--space-md) 0}.auth-checkbox{cursor:pointer;height:var(--space-lg);width:var(--space-lg)}.auth-checkbox-label{color:var(--white);cursor:pointer;font-size:var(--font-md);user-select:none}.auth-error{background:var(--danger-light);border-left:var(--border-m) solid var(--danger-primary);border-radius:var(--radius-sm);color:var(--danger-primary);font-size:var(--font-md);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.auth-success{background:var(--success-light);border-left:var(--border-m) solid var(--success-primary);border-radius:var(--radius-sm);color:var(--success-primary);font-size:var(--font-md);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.auth-info{background:var(--overlay-light);border-left:var(--border-m) solid var(--info-color);border-radius:var(--radius-sm);color:var(--info-color);font-size:var(--font-md);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.password-strength{color:var(--text-light-gray);font-size:var(--font-xs);margin-bottom:var(--space-md);margin-top:calc(var(--space-sm) * -1)}.password-strength.strong{color:var(--success-primary)}.password-strength.weak{color:var(--danger-primary)}.register-content{display:flex;flex-direction:column;padding:var(--space-xxl) var(--space-xl);width:var(--percent-full)}.register-form-container{display:flex;flex:1;flex-direction:column;width:var(--percent-full)}.register-heading{color:var(--white);font-size:var(--font-hero);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xxl);text-align:center}.step-indicator-container{margin-bottom:var(--space-xxxl)}.register-steps{align-items:center;display:flex;gap:var(--space-md);justify-content:center}.register-step{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.step-number{align-items:center;background:var(--overlay-medium);border:var(--border-m) solid var(--overlay-dark);border-radius:var(--percent-half);color:var(--text-muted);display:flex;font-size:var(--font-regular);font-weight:var(--font-weight-semibold);height:3rem;justify-content:center;transition:all var(--transition-base);width:3rem}.step-label{color:var(--text-muted);font-size:var(--font-md);font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.register-step.active .step-number{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.register-step.active .step-label{color:var(--banes-lab-accent)}.register-step.completed .step-number{background:var(--success-primary);border-color:var(--success-primary);color:var(--white)}.register-step.completed .step-label{color:var(--success-primary)}.step-connector{background:var(--overlay-dark);flex:1;height:var(--border-m);max-width:6rem;transition:background var(--transition-base)}.step-connector.completed{background:var(--success-primary)}.register-form{backdrop-filter:none;background:none;flex:1;max-width:none;padding:0}.steps-container{flex:1}.register-step-content{animation:fade-in var(--transition-base) var(--easing-ease-out)}.register-step-content.hidden{display:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-grid{display:grid;gap:var(--space-xxl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:50rem}.register-grid .form-group:first-child{grid-column:1 / -1}.form-group{display:flex;flex-direction:column}.form-group .auth-label{font-size:var(--font-regular);margin-bottom:var(--space-md)}.form-group .auth-input{font-size:var(--font-regular);margin-bottom:0;padding:var(--space-lg)}.form-group .password-strength{margin-top:var(--space-sm)}.step-intro{color:var(--text-light-gray);font-size:var(--font-regular);margin-bottom:var(--space-xxl);margin-left:auto;margin-right:auto;max-width:40rem;text-align:center}.security-questions-grid{display:flex;flex-direction:column;gap:var(--space-xxl);margin:0 auto;max-width:60rem}.security-question-row{background:var(--overlay-light);border:var(--border-s) solid var(--overlay-medium);border-radius:var(--radius-lg);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;padding:var(--space-xl)}.question-input-group,.answer-input-group{display:flex;flex-direction:column}.question-input-group .auth-label,.answer-input-group .auth-label{font-size:var(--font-regular);margin-bottom:var(--space-md)}.question-input-group .auth-input,.answer-input-group .auth-input{font-size:var(--font-regular);margin-bottom:0;padding:var(--space-lg)}.question-wrapper{position:relative}.question-dropdown{background:var(--glass-banes-lab-main);border:var(--border-s) solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;left:0;max-height:15rem;overflow-y:auto;position:absolute;right:0;top:calc(100% + var(--space-sm));z-index:var(--z-dropdown)}.question-dropdown.hidden{display:none}.question-option{background:none;border:none;color:var(--text-light-gray);cursor:pointer;font-size:var(--font-md);padding:var(--space-md) var(--space-lg);text-align:left;transition:background var(--transition-fast)}.question-option:hover{background:var(--overlay-medium);color:var(--white)}.register-summary{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;margin:0 auto var(--space-xxl);max-width:50rem;width:var(--percent-full)}.summary-section{background:var(--overlay-light);border:var(--border-s) solid var(--overlay-medium);border-radius:var(--radius-lg);padding:var(--space-xl)}.summary-title{border-bottom:var(--border-s) solid var(--overlay-medium);color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.summary-item{color:var(--text-light-gray);font-size:var(--font-regular)}.summary-item strong{color:var(--white);font-weight:var(--font-weight-medium)}.summary-questions{display:flex;flex-direction:column;gap:var(--space-md)}.summary-question-item{background:var(--overlay-medium);border-radius:var(--radius-sm);color:var(--text-light-gray);font-size:var(--font-md);line-height:--line-height-tight | --line-height-normal | --line-height-loose;padding:var(--space-sm) var(--space-md)}.summary-question-item .question-number{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold);margin-right:var(--space-sm)}.register-form .terms-container{justify-content:center;margin-bottom:var(--space-xxl)}.register-form .terms-container label{font-size:var(--font-regular)}.register-navigation{align-items:center;border-top:var(--border-s) solid var(--overlay-medium);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xxl);padding-top:var(--space-xl)}.register-login-link{flex-basis:var(--percent-full);margin-top:var(--space-md);text-align:center}.register-navigation .nav-prev,.register-navigation .nav-next{align-items:center;background:var(--overlay-medium);border:var(--border-s) solid var(--overlay-dark);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-regular);font-weight:var(--font-weight-medium);gap:var(--space-sm);justify-content:center;min-width:8rem;padding:var(--space-lg) var(--space-xxl);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.register-navigation .nav-prev:hover{background:var(--overlay-dark);border-color:var(--banes-lab-accent);transform:var(--transform-hover-md)}.register-navigation .nav-prev.hidden,.register-navigation .nav-next.hidden{display:none}.register-navigation .nav-next{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.register-navigation .nav-next:hover{background:var(--banes-lab-accent-dark);border-color:var(--banes-lab-accent-dark);transform:var(--transform-hover-md)}.submit-button.hidden{display:none}.terms-link{background:none;border:none;color:var(--banes-lab-accent);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.terms-link:hover{text-decoration:underline}@media(width<=768px){.register-content{padding:var(--space-xl) var(--space-lg)}.register-heading{font-size:var(--font-xxl)}.register-grid{grid-template-columns:1fr}.register-grid .form-group:first-child{grid-column:1}.security-question-row{grid-template-columns:1fr;padding:var(--space-lg)}.register-summary{grid-template-columns:1fr}.register-steps{gap:var(--space-sm)}.step-connector{max-width:3rem}.step-number{height:2.5rem;width:2.5rem}.step-label{font-size:var(--font-sm)}.register-navigation{flex-direction:column}.register-navigation .nav-prev,.register-navigation .nav-next{width:var(--percent-full)}}.passkey-overlay{align-items:center;background:var(--backdrop-dark);display:flex;height:var(--percent-full);inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.passkey-modal{backdrop-filter:var(--blur-light);background:var(--glass-banes-lab-main);border-radius:var(--radius-lg);max-width:var(--width-modal-sm);padding:var(--space-xxl);text-align:center}.passkey-icon{color:var(--primary);font-size:var(--font-3xl);margin-bottom:var(--space-md)}.passkey-modal h2{color:var(--white);font-size:var(--font-xl);margin-bottom:var(--space-sm)}.passkey-modal p{color:var(--text-light-gray);margin-bottom:var(--space-lg)}.passkey-error{background:var(--error-bg);border-radius:var(--radius-sm);color:var(--error);margin-bottom:var(--space-md);padding:var(--space-sm)}.passkey-skip-btn{background:none;border:none;color:var(--text-light-gray);cursor:pointer;display:block;margin-top:var(--space-md);width:var(--percent-full)}.passkey-skip-btn:hover{color:var(--white)}.passkey-section .section-description{color:var(--text-light-gray);font-size:var(--font-sm);margin-bottom:var(--space-md)}.passkey-actions{margin-top:var(--space-md)}.passkey-status-message{border-radius:var(--radius-sm);margin-top:var(--space-md);padding:var(--space-sm)}.passkey-status-message.success{background:var(--success-bg);color:var(--success)}.passkey-status-message.error{background:var(--error-bg);color:var(--error)}.modal{inset:0;position:fixed;z-index:var(--z-modal)}.modal-backdrop{align-items:center;backdrop-filter:var(--blur-heavy);display:flex;height:100%;justify-content:center;padding:var(--space-lg);width:100%}.modal-content{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--code-block);border-bottom:var(--border-s) solid var(--accent-subtle);display:flex;flex-shrink:0;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-md)}.modal-title{color:var(--banes-lab-accent);font-family:var(--font-family-code);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.modal-actions{align-items:center;display:flex;gap:var(--space-xs)}.modal-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-lg);height:var(--touch-target-min);justify-content:center;transition:all var(--timing-fast) ease;width:var(--touch-target-min)}.modal-close:hover{background:var(--overlay-subtle);color:var(--white)}.modal-body{flex:1;overflow:auto}.modal-body::-webkit-scrollbar{width:var(--space-xs)}.modal-body::-webkit-scrollbar-track{background:var(--code-block)}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-subtle);border-radius:var(--radius-xs)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--banes-lab-accent)}@media(width<=768px){.modal-backdrop{padding:0}.modal-content{border-radius:0;max-height:100vh;max-width:100vw}}.notification-modal-overlay{align-items:center;backdrop-filter:var(--blur-soft);background:var(--shadow-heavy);display:flex;inset:0;justify-content:center;opacity:1;padding:var(--space-lg);position:fixed;transition:opacity var(--transition-base) var(--easing-ease);z-index:var(--z-modal)}.notification-modal-overlay.hidden{opacity:0;pointer-events:none}.notification-modal-container{align-items:center;background:var(--code-block);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--width-modal-sm);padding:var(--space-xxl);position:relative;text-align:center;transform:scale(1);transition:transform var(--transition-base) var(--easing-ease);width:var(--percent-full);scale:.85}.notification-modal-overlay.hidden .notification-modal-container{transform:scale(.95)}.notification-modal-container:before{background:var(--primary-gradient);border-radius:var(--radius-lg);content:"";height:var(--space-lg);left:0;position:absolute;right:0;top:0;width:var(--percent-full)}.notification-modal-icon{align-items:center;animation:icon-pulse 2s ease-in-out infinite;border-radius:var(--percent-half);display:flex;font-size:var(--font-hero);height:var(--size-icon-lg);justify-content:center;width:var(--size-icon-lg)}.notification-modal-icon.info{background:var(--info-bg-subtle);box-shadow:var(--glow-info-lg);color:var(--info-color)}.notification-modal-icon.success{background:var(--success-light);box-shadow:var(--glow-success-lg);color:var(--success-primary)}.notification-modal-icon.warning{background:var(--warning-light);box-shadow:var(--glow-warning-lg);color:var(--warning-primary)}.notification-modal-icon.danger{background:var(--danger-light);box-shadow:var(--glow-danger-lg);color:var(--danger-primary)}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-modal-title{color:var(--banes-lab-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.notification-modal-message{color:var(--text-light-gray);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.notification-modal-input-container{width:var(--percent-full)}.notification-modal-input-container.hidden{display:none}.notification-modal-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-base);outline:none;padding:var(--space-md);transition:all var(--transition-base) var(--easing-ease);width:var(--percent-full)}.notification-modal-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm)}.notification-modal-input::placeholder{color:var(--text-mid-gray)}.notification-modal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm);width:var(--percent-full)}.notification-modal-btn{align-items:center;border:var(--border-s) solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-tight);padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease)}.notification-modal-btn i{font-size:var(--font-size-base)}.notification-modal-btn.cancel{background:var(--overlay-subtle);border-color:var(--accent-subtle);color:var(--text-light-gray)}.notification-modal-btn.cancel:hover{background:var(--overlay-light);border-color:var(--accent-light);color:var(--white)}.notification-modal-btn.confirm{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.notification-modal-btn.confirm:hover{background:var(--banes-lab-accent-dark);border-color:var(--banes-lab-accent-dark);box-shadow:var(--glow-accent-md)}.notification-modal-btn.danger{background:var(--danger-primary);border-color:var(--danger-primary);color:var(--white)}.notification-modal-btn.danger:hover{background:var(--danger-dark);border-color:var(--danger-dark);box-shadow:var(--glow-danger-md)}@media(width<=480px){.notification-modal-container{padding:var(--space-xl)}.notification-modal-icon{font-size:var(--font-xxl);height:var(--size-icon-md);width:var(--size-icon-md)}.notification-modal-actions{flex-direction:column}}.passkey-setup-modal{max-width:var(--width-modal-md)}.passkey-benefits-list{color:var(--text-light-gray);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-sm);list-style:none;margin:0;padding:0;text-align:left;width:var(--percent-full)}.passkey-benefits-list li{align-items:center;display:flex;gap:var(--space-sm)}.passkey-benefits-list i{color:var(--banes-lab-accent);font-size:var(--font-size-base)}.passkey-status{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);text-align:center;width:var(--percent-full)}.passkey-status.hidden{display:none}.passkey-status.success{background:var(--success-light);color:var(--success-primary)}.passkey-status.error{background:var(--danger-light);color:var(--danger-primary)}.passkey-hint{color:var(--text-mid-gray);font-size:var(--font-size-xs);margin:0}.legal-modal-overlay{align-items:center;backdrop-filter:var(--blur-heavy);background:var(--glass-banes-lab-main);display:flex;inset:0;justify-content:center;opacity:1;position:fixed;transition:opacity var(--transition-base);z-index:var(--z-modal)}.legal-modal-overlay.hidden{opacity:0;pointer-events:none}.legal-modal-container{display:flex;flex-direction:column;height:100%;transform:scale(.8);transform-origin:center center;width:100%}.legal-modal-header{align-items:center;background:var(--glass-banes-lab-main);border-bottom:var(--border-s) solid var(--accent-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.legal-modal-tabs{display:flex;gap:var(--space-sm)}.legal-modal-tab{background:transparent;border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--text-mid-gray);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.legal-modal-tab:hover{border-color:var(--accent-light);color:var(--text-light-gray)}.legal-modal-tab.active{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--banes-lab-main)}.legal-modal-close{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--text-light-gray);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:var(--touch-target-min);justify-content:center;transition:all var(--transition-base);width:var(--touch-target-min)}.legal-modal-close:hover{background:var(--overlay-light);border-color:var(--accent-light);color:var(--white)}.legal-modal-body{flex:1;overflow-y:auto}@media(width<=768px){.legal-modal-container{transform:scale(1)}.legal-modal-header{flex-direction:column;gap:var(--space-md)}.legal-modal-tabs{order:2;width:100%}.legal-modal-tab{flex:1}.legal-modal-close{align-self:flex-end;order:1}}.under-construction-content{display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;margin:0 auto;max-width:var(--width-modal-md);min-height:70vh;padding:var(--space-xl);position:relative}.under-construction-content:before{background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:var(--border-m);left:0;opacity:var(--opacity-muted);position:absolute;right:0;top:0}.under-construction-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl) 0}.under-construction-icon{align-items:center;display:flex;justify-content:center}.under-construction-logo{animation:logo-beam 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgb(59 169 219 / 40%));height:120px;width:auto}@keyframes logo-beam{0%,to{filter:drop-shadow(0 0 5px rgb(59 169 219 / 30%));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgb(59 169 219 / 50%));transform:scale(1.02)}}.under-construction-title{align-items:center;border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:var(--letter-spacing-tight);margin:0;padding-bottom:var(--space-md);text-transform:uppercase}.under-construction-message{color:var(--text-light-gray);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.under-construction-footer{border-top:var(--border-s) solid var(--accent-subtle);padding-top:var(--space-lg)}.under-construction-countdown{color:var(--text-mid-gray);font-size:var(--font-size-sm)}.under-construction-countdown .countdown-value{color:var(--banes-lab-accent);font-weight:var(--font-weight-bold)}.under-construction-back{align-items:center;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-md);color:var(--banes-lab-main);cursor:pointer;display:flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:background var(--transition-base),transform var(--transition-fast);width:var(--percent-full)}.under-construction-back:hover{background:var(--banes-lab-accent-dark);transform:var(--transform-hover-sm)}.under-construction-back:active{transform:translateY(0)}@media(width<=768px){.under-construction-content{padding:var(--space-md)}.under-construction-header{padding:var(--space-md) 0}.under-construction-logo{height:80px}}.download-preview{backdrop-filter:var(--blur-heavy);background:var(--preview-bg);border:var(--border-s) solid var(--accent-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-preview);max-height:var(--preview-max-height);opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:var(--percent-half);transform:translateY(-50%) scale(.95);transition:opacity var(--transition-fast),transform var(--transition-fast);width:var(--preview-width);z-index:var(--z-preview)}.download-preview.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.preview-header{align-items:center;background:var(--accent-light);border-bottom:var(--border-s) solid var(--overlay-subtle);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.preview-title{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-xs)}.preview-copy-btn{align-items:center;background:transparent;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-sm);padding:var(--space-xs);transition:color var(--transition-fast)}.preview-copy-btn:hover{color:var(--banes-lab-accent)}.preview-content{color:var(--white-alpha-strong);display:block;font-family:var(--font-family-mono);font-size:var(--font-xs);line-height:var(--line-height-normal);margin:0;max-height:var(--preview-content-height);overflow-y:auto;padding:var(--space-md);white-space:pre}.hl-tag{color:var(--hl-tag)}.hl-attr{color:var(--hl-attr)}.hl-key{color:var(--hl-key)}.hl-heading{color:var(--hl-heading);font-weight:var(--font-weight-bold)}.hl-bold{color:var(--hl-bold);font-weight:var(--font-weight-bold)}.hl-code{background:var(--white-alpha-subtle);color:var(--hl-code);padding:0 2px}.code-block{background:var(--code-block);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);margin:var(--space-sm) 0;max-height:calc(var(--line-height-loose) * var(--font-sm) * 13 + var(--space-md) * 2);overflow:hidden;position:relative}.code-block-header{align-items:center;background:var(--code-block);border-bottom:var(--border-s) solid var(--accent-subtle);display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-md)}.code-block-title{color:var(--banes-lab-accent);font-family:var(--font-family-code);font-size:var(--font-xs)}.code-block-actions{align-items:center;display:flex;gap:var(--space-xs)}.code-block-copy{align-items:center;background:transparent;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-sm);padding:var(--space-xs);transition:color var(--timing-fast) ease}.code-block-copy:hover{color:var(--banes-lab-accent)}.code-block-expand{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-family:var(--font-family-code);font-size:var(--font-xs);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:all var(--timing-fast) ease}.code-block-expand:hover{background:var(--overlay-light);border-color:var(--banes-lab-accent);color:var(--banes-lab-accent)}.code-block-expand i{font-size:var(--font-xs)}.code-block-content{overflow-x:auto}.code-block--expandable .code-block-content{overflow:hidden;position:relative}.code-block--expandable .code-block-content:after{background:linear-gradient(to bottom,transparent 0%,var(--code-block) 80%);bottom:0;content:"";height:var(--space-xxl);left:0;pointer-events:none;position:absolute;right:0}.code-block code{color:var(--text-light-gray);display:block;font-family:var(--font-family-code);font-size:var(--font-sm);line-height:var(--line-height-loose);padding:var(--space-md);white-space:pre}.code-block-content::-webkit-scrollbar{height:var(--space-xs);width:var(--space-xs)}.code-block-content::-webkit-scrollbar-track{background:var(--code-block)}.code-block-content::-webkit-scrollbar-thumb{background:var(--accent-subtle);border-radius:var(--radius-xs)}.code-block-content::-webkit-scrollbar-thumb:hover{background:var(--banes-lab-accent)}.code-modal .modal-content{max-width:1200px;opacity:0;transform:scale(.1)}.code-modal--open .modal-content{animation:modal-pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.code-modal--closing .modal-content{animation:modal-pop-out .15s ease-in forwards}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}.code-modal-pre{background:var(--code-block);margin:0;min-height:100%;min-width:100%;width:max-content}.code-modal-pre code{color:var(--text-light-gray);display:block;font-family:var(--font-family-code);font-size:var(--font-sm);line-height:var(--line-height-loose);padding:var(--space-lg);white-space:pre}.hl-keyword{color:var(--hl-keyword)}.hl-action{color:var(--hl-function)}.hl-string{color:var(--hl-string)}.hl-number{color:var(--hl-number)}.hl-comment{color:var(--hl-comment);font-style:italic}.hl-literal{color:var(--hl-literal)}.hl-operator{color:var(--white-alpha-muted)}.hl-variable{color:var(--hl-variable)}.hl-nonterminal{color:var(--hl-keyword)}.hl-definition{color:var(--banes-lab-pag);font-weight:var(--font-weight-bold)}.hl-terminal{color:var(--hl-string)}.hl-frontmatter{color:var(--hl-comment)}.hl-heading{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.hl-phase{color:var(--banes-lab-accent);font-weight:var(--font-weight-medium)}.hl-status{color:var(--hl-function)}.hl-emoji{font-style:normal}.hl-key{color:var(--hl-property)}.hl-selector{color:var(--hl-keyword)}.hl-value{color:var(--hl-string)}.home-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.home-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.home-logo{border-radius:var(--percent-half);box-shadow:0 4px 20px var(--black-alpha-heavy);height:8rem;margin-bottom:var(--space-lg);object-fit:cover;width:8rem}.home-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin:0}.home-main{flex:1;margin:0 auto;max-width:70rem;width:var(--percent-full)}.home-cards-grid{display:grid;gap:var(--space-xxl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xxl)}.home-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;position:relative;transition:border-color var(--transition-slow)}.home-card:hover{border-color:var(--card-border-accent)}.card-gradient-overlay{border-radius:var(--radius-lg);height:var(--percent-full);left:0;opacity:.05;position:absolute;top:0;transition:opacity var(--transition-slow);width:var(--percent-full)}.home-card:hover .card-gradient-overlay{opacity:.1}.home-card.card-blue .card-gradient-overlay{background:var(--gradient-blue)}.home-card.card-gold .card-gradient-overlay{background:var(--gradient-gold)}.card-content{display:flex;flex:1;flex-direction:column;padding:var(--space-xxl);position:relative}.card-header{align-items:flex-start;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.card-icon-wrapper{align-items:center;border-radius:var(--radius-md);color:var(--white);display:flex;height:3.5rem;justify-content:center;width:3.5rem}.home-card.card-blue .card-icon-wrapper{background:var(--gradient-blue)}.home-card.card-gold .card-icon-wrapper{background:var(--gradient-gold)}.card-icon{font-size:var(--font-xxl)}.card-title-group{flex:1}.card-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-xxl);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs)}.card-subtitle{color:var(--white-alpha-primary);font-weight:var(--font-weight-medium);margin:0}.card-description{color:var(--white-alpha-secondary);flex:1;line-height:var(--line-height-loose);margin:0 0 var(--space-xl)}.card-examples{background:var(--black-alpha-overlay);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.example-line{color:var(--white-alpha-tertiary);margin-bottom:var(--space-xs)}.example-line:last-child{margin-bottom:0}.card-footer{margin-top:auto}.card-audience{color:var(--white-alpha-muted);font-size:var(--font-md);margin:0 0 var(--space-lg)}.card-button{align-items:center;background:var(--banes-lab-accent);border-radius:var(--radius-md);color:var(--banes-lab-main);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:background var(--transition-base),transform var(--transition-fast)}.card-button:hover{background:var(--banes-lab-accent-dark);transform:var(--transform-hover-md)}.card-button i{font-size:var(--font-regular)}.home-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center}.footer-creator{color:var(--white-alpha-secondary);margin:0 0 var(--space-md)}.footer-links-text{color:var(--white-alpha-secondary);line-height:var(--line-height-loose);margin:0}.footer-link{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.footer-link:hover{color:var(--accent-hover);text-decoration:underline}@media(width<=900px){.home-cards-grid{grid-template-columns:1fr}}@media(width<=640px){.home-content{padding:var(--space-lg)}.home-logo{height:6rem;width:6rem}.home-title{font-size:var(--font-hero)}.card-content{padding:var(--space-xl)}.card-header{flex-direction:column}.card-title{font-size:var(--font-xl)}}.pag-interactive{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.pag-interactive-inner{background:var(--black-alpha-overlay);border:1px solid var(--white-alpha-border);border-radius:var(--radius-lg);display:grid;grid-template-rows:auto 1fr auto;height:40rem;overflow:hidden;transition:border-color var(--transition-base)}.pag-interactive-inner:focus-within{border-color:var(--banes-lab-accent)}.pag-terminal-header{align-items:center;background:var(--banes-lab-main);border-bottom:1px solid var(--white-alpha-border);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.pag-header-left{align-items:center;display:flex;gap:var(--space-sm)}.pag-terminal-label{color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.pag-terminal-label i{margin-right:var(--space-xs)}.pag-header-right{align-items:center;display:flex;gap:var(--space-sm)}.pag-header-btn{align-items:center;background:transparent;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-sm);justify-content:center;padding:var(--space-xs);transition:color var(--transition-fast)}.pag-header-btn:hover{color:var(--banes-lab-accent)}.pag-clear-btn:hover{color:var(--danger-primary)}.pag-terminal-body{display:flex;overflow:hidden}.pag-display{flex:1;overflow:hidden;position:relative;height:100%}.pag-editor,.pag-output,.pag-loading{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-base);visibility:hidden;width:100%}.pag-editor.active,.pag-output.active,.pag-loading.active{opacity:1;pointer-events:auto;position:relative;visibility:visible}.pag-editor{display:flex;flex-direction:column;padding:var(--space-lg)}.pag-textarea{background:transparent;border:none;caret-color:var(--banes-lab-accent);color:var(--banes-lab-accent);flex:1;font-family:var(--font-family-mono);font-size:var(--font-regular);line-height:var(--line-height-relaxed);min-height:6rem;padding:0;resize:none;width:100%}.pag-textarea:focus{outline:none}.pag-textarea::placeholder{color:var(--white-alpha-medium)}.pag-textarea::selection{background:var(--accent-light)}.pag-output{overflow-y:auto;padding:var(--space-lg);max-height:100%}.pag-output-header{align-items:center;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-sm);letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.pag-output-header.success{color:var(--success-primary)}.pag-output-header.warning{color:var(--warning-primary)}.pag-output-header.error{color:var(--danger-primary)}.pag-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}.pag-spinner{animation:pag-blink 1s step-end infinite;color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-lg)}.pag-spinner:before{content:"_"}@keyframes pag-blink{0%,50%{opacity:1}51%,to{opacity:0}}.pag-loading-text{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.pag-cards-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-bottom:var(--space-md)}.pag-card{background:var(--black-alpha-overlay);border:1px solid var(--white-alpha-border);padding:var(--space-sm)}.pag-card-title{align-items:center;border-bottom:1px solid var(--white-alpha-border);color:var(--banes-lab-accent);display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-xs);letter-spacing:.05em;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);text-transform:uppercase}.pag-card-content{display:flex;flex-direction:column;gap:2px}.pag-card-subtitle{border-top:1px solid var(--white-alpha-border);color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:.6rem;letter-spacing:.05em;margin-top:var(--space-xs);padding-top:var(--space-xs);text-transform:uppercase}.pag-card-row{align-items:center;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);justify-content:space-between}.pag-card-label{color:var(--white-alpha-muted)}.pag-card-value{color:var(--white-alpha-primary)}.pag-card-value.success{color:var(--success-primary)}.pag-card-value.warning{color:var(--warning-primary)}.pag-card-value.error{color:var(--danger-primary)}.pag-repair-list{font-family:var(--font-family-mono);font-size:var(--font-sm);list-style:none;margin:0;padding:0}.pag-repair-list li{color:var(--white-alpha-secondary);margin-bottom:var(--space-xs);padding-left:var(--space-md);position:relative}.pag-repair-list li:before{color:var(--warning-primary);content:">";left:0;position:absolute}.repair-action{background:var(--warning-light);color:var(--warning-primary);font-size:.6rem;margin-right:var(--space-xs);padding:1px 4px;text-transform:uppercase}.pag-error-box{background:var(--danger-light);border-left:2px solid var(--danger-primary);color:var(--danger-primary);font-family:var(--font-family-mono);font-size:var(--font-sm);padding:var(--space-sm) var(--space-md)}.pag-code-block{background:var(--accent-light);border-left:2px solid var(--banes-lab-accent);margin-bottom:var(--space-md);position:relative}.pag-code-block pre{margin:0;overflow-x:auto;padding:var(--space-sm) var(--space-md)}.pag-code-block code{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-sm);white-space:pre-wrap}.pag-copy-btn{background:transparent;border:1px solid var(--white-alpha-border);color:var(--white-alpha-muted);cursor:pointer;font-size:var(--font-xs);padding:2px 6px;position:absolute;right:var(--space-xs);top:var(--space-xs);transition:all var(--transition-fast)}.pag-copy-btn:hover{border-color:var(--banes-lab-accent);color:var(--banes-lab-accent)}.pag-validation{align-items:center;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-xs);letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.pag-validation.valid{color:var(--success-primary)}.pag-validation.invalid{color:var(--warning-primary)}.pag-section-heading{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:var(--font-xs);font-weight:var(--font-weight-regular);letter-spacing:.05em;margin:0 0 var(--space-xs);text-transform:uppercase}.pag-section-heading.error{color:var(--danger-primary)}.pag-section-heading.warning{color:var(--warning-primary)}.pag-error-list,.pag-warning-list{font-family:var(--font-family-mono);font-size:var(--font-sm);list-style:none;margin:0 0 var(--space-md);padding:0}.pag-error-list li,.pag-warning-list li{color:var(--white-alpha-secondary);margin-bottom:var(--space-xs);padding-left:var(--space-md);position:relative}.pag-error-list li:before{color:var(--danger-primary);content:">";left:0;position:absolute}.pag-warning-list li:before{color:var(--warning-primary);content:">";left:0;position:absolute}.pag-stats{display:flex;flex-wrap:wrap;gap:var(--space-xl);margin-bottom:var(--space-md)}.pag-stat{align-items:baseline;display:flex;gap:var(--space-xs)}.pag-stat-value{color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-lg)}.pag-stat-label{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.pag-ast-preview,.pag-analysis{border-top:1px solid var(--white-alpha-border);margin-top:var(--space-md);padding-top:var(--space-sm)}.pag-ast-toggle,.pag-analysis-toggle{align-items:center;background:none;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-sm);letter-spacing:.05em;padding:var(--space-xs) 0;text-transform:uppercase;transition:color var(--transition-fast)}.pag-ast-toggle:hover,.pag-analysis-toggle:hover{color:var(--banes-lab-accent)}.pag-ast-content,.pag-analysis-content{display:none;max-height:12rem;overflow:auto}.pag-ast-content.open,.pag-analysis-content.open{display:block}.pag-ast-content pre,.pag-analysis-content pre{background:transparent;border-left:1px solid var(--white-alpha-border);color:var(--white-alpha-secondary);font-family:var(--font-family-mono);font-size:var(--font-xs);margin:var(--space-xs) 0 0;padding:var(--space-xs) var(--space-md)}.pag-history-panel{align-content:start;background:var(--banes-lab-main);border-left:1px solid var(--white-alpha-border);display:grid;flex-shrink:0;gap:var(--space-xs);grid-template-columns:repeat(2,1.75rem);grid-auto-rows:min-content;padding:var(--space-md);width:auto}.pag-history-panel.empty{display:none}.pag-history-header{align-items:center;display:flex;flex-direction:column;gap:1px;grid-column:span 2}.pag-history-label{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.pag-history-hint{color:var(--white-alpha-border);font-family:var(--font-family-mono);font-size:.4rem;letter-spacing:.03em;text-align:center}.pag-history-grid{display:contents}.pag-history-item{align-items:center;aspect-ratio:1;background:transparent;border:1px solid var(--white-alpha-border);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-size:var(--font-xs);justify-content:center;transition:all var(--transition-fast);width:1.75rem}.pag-history-item:hover{border-color:var(--banes-lab-accent);color:var(--banes-lab-accent)}.pag-history-item.success{border-color:var(--success-primary);color:var(--success-primary)}.pag-history-item.error{border-color:var(--danger-primary);color:var(--danger-primary)}.pag-controls{align-items:center;background:var(--banes-lab-main);border-top:1px solid var(--white-alpha-border);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.pag-controls-left,.pag-controls-right{align-items:center;display:flex;gap:var(--space-sm)}.pag-action-btn,.pag-back-btn{align-items:center;background:transparent;border:1px solid var(--banes-lab-accent);color:var(--banes-lab-accent);cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-xs);letter-spacing:.05em;padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-fast)}.pag-action-btn:hover{background:var(--banes-lab-accent);color:var(--banes-lab-main)}.pag-back-btn{border-color:var(--white-alpha-muted);color:var(--white-alpha-muted)}.pag-back-btn:hover{background:var(--white-alpha-muted);color:var(--banes-lab-main)}.pag-intent-btn{border-color:var(--banes-lab-pag);color:var(--banes-lab-pag)}.pag-intent-btn:hover{background:var(--banes-lab-pag);color:var(--banes-lab-main)}.pag-examples-dropdown{position:relative}.pag-examples-trigger{align-items:center;background:transparent;border:1px solid var(--white-alpha-border);color:var(--white-alpha-muted);cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-xs);letter-spacing:.05em;padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-fast)}.pag-examples-trigger:hover{border-color:var(--banes-lab-accent);color:var(--banes-lab-accent)}.pag-examples-menu{background:var(--card-bg);border:1px solid var(--white-alpha-border);bottom:calc(100% + var(--space-xs));display:none;min-width:10rem;overflow:hidden;position:absolute;right:0;z-index:10}.pag-examples-menu.open{display:block}.pag-example-item{background:none;border:none;border-bottom:1px solid var(--white-alpha-border);color:var(--white-alpha-muted);cursor:pointer;display:block;font-family:var(--font-family-mono);font-size:var(--font-xs);padding:var(--space-sm) var(--space-md);text-align:left;transition:all var(--transition-fast);width:100%}.pag-example-item:last-child{border-bottom:none}.pag-example-item:hover{background:var(--accent-light);color:var(--banes-lab-accent)}@media(width<=768px){.pag-terminal-body{flex-direction:column}.pag-history-panel{border-left:none;border-top:1px solid var(--white-alpha-border);grid-template-columns:repeat(auto-fill,1.25rem);justify-content:center;padding:var(--space-sm) var(--space-lg);width:100%}.pag-history-header{display:none}}@media(width<=640px){.pag-terminal-header,.pag-controls{flex-direction:column;gap:var(--space-sm)}.pag-controls-left,.pag-controls-right{justify-content:center;width:100%}}.pag-collapsible-section{border-top:1px solid var(--white-alpha-border);margin-top:var(--space-sm)}.pag-section-toggle{align-items:center;background:none;border:none;color:var(--white-alpha-muted);cursor:pointer;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-sm);letter-spacing:.05em;padding:var(--space-sm) 0;text-transform:uppercase;transition:color var(--transition-fast);width:100%}.pag-section-toggle:hover,.pag-section-toggle i:first-child{color:var(--banes-lab-accent)}.pag-section-content{display:none;padding-bottom:var(--space-sm)}.pag-section-content.open{display:block}.pag-mini-table{display:flex;flex-direction:column;gap:2px}.pag-table-row{align-items:center;display:flex;font-family:var(--font-family-mono);font-size:var(--font-xs);gap:var(--space-sm);padding:2px 0}.pag-table-cell{color:var(--white-alpha-secondary)}.pag-table-cell.production,.pag-table-cell.nodetype{color:var(--banes-lab-accent);flex:1}.pag-table-cell.token{color:var(--banes-lab-pag);min-width:6rem}.pag-table-cell.line,.pag-table-cell.index{color:var(--white-alpha-muted);min-width:3rem}.pag-table-cell.pattern,.pag-table-cell.source{color:var(--white-alpha-secondary);flex:1}.pag-table-cell.confidence{min-width:3rem;text-align:right}.pag-table-cell.confidence.success{color:var(--success-primary)}.pag-table-cell.confidence.warning{color:var(--warning-primary)}.pag-analysis-group,.pag-influence-group,.pag-quality-group{margin-bottom:var(--space-sm)}.pag-analysis-title{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:.65rem;letter-spacing:.05em;margin-bottom:var(--space-xs);text-transform:uppercase}.pag-analysis-title.success{color:var(--success-primary)}.pag-analysis-title.warning{color:var(--warning-primary)}.pag-analysis-title.error{color:var(--danger-primary)}.pag-analysis-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.pag-tag{background:var(--accent-light);color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:.65rem;padding:2px 6px}.pag-meta-failure,.pag-meta-attention{margin-bottom:var(--space-sm)}.pag-meta-detail{color:var(--white-alpha-secondary);font-family:var(--font-family-mono);font-size:var(--font-xs);padding-left:var(--space-sm)}.pag-quality-region,.pag-quality-pattern{border-left:2px solid var(--white-alpha-border);margin-bottom:var(--space-xs);padding-left:var(--space-sm)}.pag-region-header,.pag-pattern-header{color:var(--white-alpha-secondary);font-family:var(--font-family-mono);font-size:var(--font-xs)}.pag-region-context,.pag-pattern-ambiguity,.pag-pattern-tokens{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:.65rem}.pag-more-hint{color:var(--white-alpha-muted);font-family:var(--font-family-mono);font-size:.65rem;font-style:italic;margin-top:var(--space-xs)}.pag-preparse-section .pag-section-toggle.success,.pag-preparse-section .pag-section-toggle.success i:first-child{color:var(--success-primary)}.pag-preparse-list{font-family:var(--font-family-mono);font-size:var(--font-xs);list-style:none;margin:0;padding:0}.pag-preparse-list li{color:var(--white-alpha-secondary);margin-bottom:var(--space-xs);padding-left:var(--space-sm)}.pag-preparse-list .repair-num{color:var(--success-primary)}.pag-preparse-list .old-val{color:var(--danger-primary);text-decoration:line-through}.pag-preparse-list .new-val{color:var(--success-primary)}.pag-preparse-list .repair-conf{color:var(--white-alpha-muted)}.pag-preparse-code{margin-top:var(--space-sm)}.pag-preparse-code .pag-code-block{max-height:15rem;overflow-y:auto}.membership-page{display:flex;flex-direction:column}.membership-page .membership-content{padding:var(--space-xl)}.profile-content{display:flex;flex-direction:column;gap:var(--space-lg);margin:0 auto;max-width:var(--width-modal-md);padding:var(--space-xl);position:relative}.profile-content:before{background:var(--primary-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:var(--border-m);left:0;opacity:var(--opacity-muted);position:absolute;right:0;top:0}.profile-content>h1{display:none}.profile-tabs{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs);scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab-button{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid transparent;border-radius:var(--radius-md);color:var(--banes-lab-accent);cursor:pointer;display:flex;flex:1;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);justify-content:center;letter-spacing:var(--letter-spacing-wide);padding:var(--space-sm) var(--space-lg);position:relative;text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease);white-space:nowrap}.profile-tab-button i{font-size:var(--font-size-base)}.profile-tab-button:hover{background:var(--overlay-subtle);border-color:var(--accent-subtle);color:var(--text-light-gray)}.profile-tab-button.active{background:var(--primary-gradient);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-md);color:var(--banes-lab-silver)}.profile-content>h2{align-items:center;border-bottom:var(--border-s) solid var(--accent-subtle);color:var(--banes-lab-accent);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);text-transform:uppercase}.profile-content .auth-form{backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:var(--space-md);max-width:var(--width-modal-sm);padding:0}.profile-content .auth-input{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-base);padding:var(--space-md);transition:all var(--transition-base) var(--easing-ease)}.profile-content .auth-input:focus{background:var(--overlay-light);border-color:var(--banes-lab-accent);box-shadow:var(--glow-accent-sm);outline:none}.profile-content .auth-input::placeholder{color:var(--text-mid-gray)}.profile-content .auth-button{align-self:flex-start;background:var(--banes-lab-accent);border:none;border-radius:var(--radius-md);color:var(--banes-lab-main);cursor:pointer;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:background var(--transition-base),transform var(--transition-fast)}.profile-content .auth-button:hover{background:var(--banes-lab-accent-dark);transform:var(--transform-hover-sm)}.profile-content .auth-button:active{transform:translateY(0)}.session-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md);transition:all var(--transition-base) var(--easing-ease)}.session-item p{color:var(--text-light-gray);flex:1;font-size:var(--font-size-sm);margin:0}.session-revoke-button{align-items:center;background:var(--danger-medium);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease)}.session-revoke-button:hover{background:var(--danger-primary);box-shadow:var(--glow-danger-sm)}.privacy-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.gdpr-button{align-items:center;background:var(--overlay-light);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);letter-spacing:var(--letter-spacing-tight);padding:var(--space-md) var(--space-xl);text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease);width:fit-content}.gdpr-button:hover{background:var(--overlay-medium);border-color:var(--accent-light);transform:var(--transform-hover-md)}.gdpr-button.danger{background:var(--danger-subtle);border-color:var(--danger-primary);color:var(--white)}.gdpr-button.danger:hover{background:var(--danger-medium);box-shadow:var(--glow-danger-md)}.session-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}.session-current-label{align-items:center;background:var(--banes-lab-main);border:none;border-radius:var(--radius-sm);color:var(--white);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-md);text-transform:uppercase}.session-logout-button{align-items:center;background:var(--danger-medium);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-base) var(--easing-ease)}.session-logout-button:hover{background:var(--danger-primary);box-shadow:var(--glow-danger-sm)}@media(width<=768px){.profile-content{padding:var(--space-md)}.profile-tabs{flex-direction:column;padding:var(--space-xs)}.profile-tab-button{flex:none;text-align:center;width:var(--percent-full)}.profile-content>h2{font-size:var(--font-size-base)}.profile-content .auth-form{max-width:var(--percent-full)}.profile-content .auth-button,.gdpr-button{justify-content:center;width:var(--percent-full)}.session-item{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.session-buttons{width:var(--percent-full)}.session-revoke-button,.session-logout-button{flex:1;justify-content:center}.session-current-label{text-align:center}}.profile-content .form-textarea{min-height:100px}.profile-content .form-input-select{appearance:none;background:var(--overlay-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") no-repeat right 12px center / 12px;cursor:pointer;padding-right:var(--space-xxl)}.profile-content .form-input-select:focus{background:var(--overlay-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") no-repeat right 12px center / 12px}.profile-content .form-input-select-option{background:var(--banes-lab-main);color:var(--white)}.profile-content .color-input{cursor:pointer;height:40px;padding:var(--space-xs)}.account-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.account-top-row{border-bottom:var(--border-s) solid var(--accent-subtle);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding-bottom:var(--space-xl)}.account-info-grid,.password-form{display:flex;flex-direction:column;gap:var(--space-md)}.password-form .button-group{margin-top:auto}.recovery-form .btn,.password-form .button-group .btn{justify-self:start;width:var(--percent-full)}.account-top-row .profile-section{border-bottom:none;display:grid;gap:var(--space-sm);grid-row:1 / -1;grid-template-rows:subgrid;padding-bottom:0}.account-top-row .profile-section .account-info-grid,.account-top-row .profile-section .password-form{align-self:stretch}.account-value{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);color:var(--text-mid-gray);cursor:not-allowed;display:flex;font-size:var(--font-size-base);justify-content:center;opacity:.7;padding:var(--space-sm) var(--space-md)}.account-role{text-transform:capitalize}.account-status{font-weight:var(--font-weight-semibold);text-align:center}.account-value.status-active,.account-status.status-active{color:var(--success-primary)}.account-value.status-inactive,.account-status.status-inactive{color:var(--danger-primary)}.recovery-form{display:grid;gap:var(--space-lg);grid-template-columns:1fr;max-width:var(--width-modal-md)}.recovery-form .form-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.recovery-question-group{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:grid;gap:var(--space-sm);padding:var(--space-md)}.recovery-setup-notice{align-items:center;background:var(--warning-bg, rgb(255 193 7 / 10%));border:var(--border-s) solid var(--warning-primary, #ffc107);border-radius:var(--radius-md);color:var(--warning-text, #ffc107);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.recovery-setup-notice i{font-size:var(--font-size-lg)}.passkey-status-message{border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md)}.passkey-status-message.success{background:var(--success-light);color:var(--success-primary)}.passkey-status-message.error{background:var(--danger-subtle);color:var(--danger-primary)}@media(width<=768px){.account-top-row{grid-template-columns:1fr;grid-template-rows:auto}.account-top-row .profile-section{display:flex;flex-direction:column;grid-row:auto;grid-template-rows:none}.recovery-form .btn,.password-form .button-group .btn{justify-self:stretch}}.appearance-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.appearance-top-row{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.profile-section{border-bottom:var(--border-s) solid var(--accent-subtle);padding-bottom:var(--space-xl);position:relative}.profile-section:last-child{border-bottom:none;padding-bottom:0}.appearance-top-row .profile-section{border-bottom:none;padding-bottom:0}.profile-section:has(.custom-dropdown.open){z-index:var(--z-dropdown)}.section-title{color:var(--banes-lab-accent);font-size:var(--font-size-base);margin-bottom:var(--space-lg);text-transform:uppercase}.section-subtitle{color:var(--text-mid-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);margin-top:calc(var(--space-sm) * -1)}.avatar-section{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.avatar-section .section-title{margin-bottom:0}.avatar-preview-container{align-items:center;display:flex;justify-content:center}.avatar-preview{border:var(--border-m) solid var(--banes-lab-accent);border-radius:var(--radius-round);height:120px;object-fit:cover;width:120px}.avatar-placeholder{align-items:center;background:var(--overlay-subtle);border:var(--border-m) dashed var(--accent-subtle);border-radius:var(--radius-round);color:var(--text-mid-gray);display:flex;font-size:use css variable for consistent typography scale;height:120px;justify-content:center;width:120px}.avatar-hint{color:var(--text-mid-gray)}.avatar-buttons{display:flex;gap:var(--space-sm)}.identity-form,.appearance-form,.ai-settings-form{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.identity-form .btn,.appearance-form .btn,.ai-settings-form .btn{grid-column:1 / -1;justify-self:start}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);position:relative;z-index:1}.form-group:has(.custom-dropdown.open){z-index:var(--z-dropdown)}.secondary-color-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.secondary-color-wrapper .color-input{flex:1;height:40px}.secondary-color-wrapper .color-checkbox{accent-color:var(--banes-lab-accent);height:18px;width:18px}.secondary-color-wrapper .auto-label{color:var(--text-light-gray);cursor:pointer;font-size:var(--font-size-sm)}.form-group-full{grid-column:1 / -1}.form-label{color:var(--text-light-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding-top:var(--space-sm)}.form-hint{color:var(--text-mid-gray);font-size:var(--font-size-xs)}.appearance-section .appearance-top{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg)}.appearance-section .appearance-top .form-group{flex:1}.appearance-section .name-preview-container{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);display:flex;height:40px;justify-content:center;padding:0 var(--space-md)}.appearance-section .appearance-top .custom-dropdown .dropdown-toggle{height:40px}.appearance-section .appearance-colors{display:flex;gap:var(--space-xl)}.appearance-section .appearance-colors .form-group{flex:1}.effect-color-wrapper{position:relative}.effect-color-wrapper .color-input,.appearance-section .form-group .color-input{height:40px;width:var(--percent-full)}.effect-color-wrapper .custom-color-checkbox{position:absolute;right:7px;top:9px;z-index:1}.effect-color-wrapper:not(.custom-enabled) .color-input,.secondary-color-wrapper .color-input:disabled{cursor:not-allowed;opacity:.4}.identity-fields{display:flex;flex-direction:column;gap:var(--space-lg)}.appearance-save-container{display:flex;justify-content:center;padding-top:var(--space-xl)}.appearance-save-container .btn-lg{min-width:200px;padding:var(--space-md) var(--space-xl)}@media(width<=768px){.appearance-top-row{grid-template-columns:1fr}.appearance-top-row .profile-section:first-child{border-bottom:var(--border-s) solid var(--accent-subtle);padding-bottom:var(--space-xl)}.appearance-section .appearance-top{align-items:stretch;flex-direction:column}.appearance-section .appearance-colors{flex-direction:column}.appearance-save-container .btn-lg{width:var(--percent-full)}}.welcome-modal{inset:0;position:fixed;z-index:var(--z-modal)}.welcome-modal .modal-backdrop{align-items:center;background:var(--underlay-dark);display:flex;inset:0;justify-content:center;position:absolute}.welcome-modal .modal-content{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-xl);position:relative;width:var(--percent-nearly-full)}.welcome-modal .modal-close{background:transparent;border:none;color:var(--text-mid-gray);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-sm);position:absolute;right:var(--space-sm);top:var(--space-sm);transition:color var(--transition-base)}.welcome-modal .modal-close:hover{color:var(--white)}.welcome-modal-content{text-align:center}.welcome-modal .welcome-icon{color:var(--banes-lab-accent);font-size:use css variable for consistent typography scale;margin-bottom:var(--space-md)}.welcome-modal h2{color:var(--banes-lab-accent);margin-bottom:var(--space-md)}.welcome-modal p{color:var(--text-light-gray);margin-bottom:var(--space-lg)}.welcome-features{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);text-align:left}.welcome-feature{align-items:center;display:flex;gap:var(--space-md)}.welcome-feature i{color:var(--banes-lab-accent);font-size:var(--font-size-lg);width:24px}.welcome-feature span{color:var(--text-light-gray)}.welcome-close-btn{width:var(--percent-full)}.name-preview-container{align-items:center;background:var(--overlay-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.preview-label{color:var(--text-mid-gray);font-size:var(--font-size-sm)}.name-preview{animation:none;background:none;background-clip:unset;display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);-webkit-text-fill-color:unset;text-shadow:none}.name-preview.effect-glow{text-shadow:0 0 8px var(--user-color, currentColor),0 0 16px var(--user-color, currentColor)}.name-preview.effect-gradient{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--user-color, #fff),var(--user-color-shift, #fff),var(--user-color, #fff));background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}.name-preview.effect-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--user-color, #fff) 0%,var(--user-color-shift, #fff) 50%,var(--user-color, #fff) 100%);background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.effect-option.effect-none{color:var(--white)}.effect-option.effect-glow{color:var(--banes-lab-accent);text-shadow:0 0 8px var(--banes-lab-accent)}.effect-option.effect-gradient{color:var(--banes-lab-accent-light)}.effect-option.effect-shimmer{color:var(--white);font-style:italic}.tone-group{margin-top:var(--space-sm)}.tone-option{align-items:flex-start;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-md);transition:all var(--transition-base)}.tone-option:has(input:checked){background:var(--glass-banes-lab-main);border-color:var(--banes-lab-accent)}.tone-option input{accent-color:var(--banes-lab-accent);margin-top:var(--space-xs)}.tone-content{display:flex;flex-direction:column;gap:var(--space-xxs)}.tone-name{color:var(--white);font-weight:var(--font-weight-semibold)}.privacy-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.session-list{display:flex;flex-direction:column;gap:var(--space-sm)}.session-loading,.session-error{color:var(--text-mid-gray);padding:var(--space-md);text-align:center}.session-item{align-items:center;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md);transition:all var(--transition-base)}.session-item:hover{background:var(--overlay-light);border-color:var(--accent-light)}.session-info{display:flex;flex-direction:column;gap:var(--space-xxs)}.session-device{color:var(--white);font-weight:var(--font-weight-medium)}.session-time{color:var(--text-mid-gray);font-size:var(--font-size-xs)}.session-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}.session-badge{background:var(--success-primary);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-xs) var(--space-md);text-transform:uppercase}.data-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.data-management-wrapper{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.data-management-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.data-management-header h4{color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.data-management-content{border-top:var(--border-s) solid var(--accent-subtle);margin-top:var(--space-md);padding-top:var(--space-md)}.data-stats{color:var(--text-mid-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.data-stats .stat-value{color:var(--white);font-weight:var(--font-weight-semibold)}.category-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.category-item{background:var(--overlay-light);border:var(--border-s) solid transparent;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base)}.category-item:hover{border-color:var(--accent-light)}.category-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--space-md)}.category-info{align-items:center;display:flex;flex:1;gap:var(--space-sm)}.category-icon{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--banes-lab-accent);display:flex;flex-shrink:0;font-size:var(--font-size-md);height:32px;justify-content:center;width:32px}.category-icon i{line-height:1}.category-name{color:var(--white);font-weight:var(--font-weight-medium)}.category-count{color:var(--text-mid-gray);font-size:var(--font-size-xs);margin-left:auto}.category-desc{color:var(--text-mid-gray);display:block;font-size:var(--font-size-xs);margin-left:calc(16px + 32px + var(--space-md) + var(--space-md));margin-top:var(--space-xxs)}.data-controls{align-items:center;display:flex;gap:var(--space-md)}.time-range-select{appearance:none;background:var(--overlay-light);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.time-range-select:focus{border-color:var(--accent-primary);outline:none}.loading-indicator,.empty-state,.error-message{color:var(--text-mid-gray);font-size:var(--font-size-sm);padding:var(--space-md);text-align:center}.error-message{color:var(--danger-primary)}@media(width<=768px){.session-item{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.session-actions{justify-content:flex-end}.data-actions{flex-direction:column}.data-actions .btn{width:100%}.data-management-header{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.data-controls{flex-direction:column}.data-controls .time-range-select,.data-controls .btn{width:100%}.category-info{flex-wrap:wrap}.category-count{margin-left:0;width:100%}}.tone-group{grid-column:1 / -1}.tone-options{display:flex;flex-direction:column;gap:var(--space-sm)}.tone-loading,.tone-error{color:var(--text-mid-gray);padding:var(--space-md);text-align:center}.tone-option{align-items:flex-start;background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-base)}.tone-option:hover{background:var(--overlay-light);border-color:var(--accent-light)}.tone-option:has(input:checked){background:var(--overlay-light);border-color:var(--banes-lab-accent)}.tone-option .tone-radio{accent-color:var(--banes-lab-accent);flex-shrink:0;height:18px;margin-top:2px;width:18px}.tone-content{display:flex;flex:1;flex-direction:column;gap:var(--space-xxs);min-width:0}.tone-header{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.tone-name{color:var(--white);font-weight:var(--font-weight-medium)}.tone-desc{color:var(--text-mid-gray);font-size:var(--font-size-xs)}.tone-edit-btn{background:transparent;border:none;color:var(--text-mid-gray);cursor:pointer;font-size:var(--font-size-sm);opacity:0;padding:var(--space-xxs);transition:all var(--transition-base)}.tone-edit-btn:hover{color:var(--banes-lab-accent)}.tone-option:hover .tone-edit-btn{opacity:1}.tone-rules-preview{display:flex;flex-direction:column;gap:var(--space-xxs);margin-top:var(--space-xs)}.rule-preview{font-size:var(--font-size-xs);opacity:.7}.rule-preview.always{color:var(--success-primary)}.rule-preview.never{color:var(--danger-primary)}.rule-preview strong{font-weight:var(--font-weight-semibold)}.tone-modal-overlay{inset:0;position:fixed;z-index:var(--z-modal)}.tone-modal-backdrop{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;padding:var(--space-lg);width:100%}.tone-modal{background:var(--banes-lab-main);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-xl);width:100%}.tone-modal-header{border-bottom:var(--border-s) solid var(--accent-subtle);padding-bottom:var(--space-md)}.tone-modal-title{color:var(--white);font-size:var(--font-size-lg);margin:0}.tone-modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.tone-rule-label{display:flex;gap:var(--space-xs)}.rule-prefix{color:var(--banes-lab-accent);font-weight:var(--font-weight-bold)}.tone-modal-actions{border-top:var(--border-s) solid var(--accent-subtle);display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-lg)}.tone-modal-actions .btn:first-child{margin-right:auto}@media(width<=768px){.tone-modal{max-height:100vh;padding:var(--space-lg)}.tone-modal-actions{flex-wrap:wrap}.tone-modal-actions .btn{flex:1}.tone-modal-actions .btn:first-child{flex-basis:100%;margin-right:0}}.terms-page{display:flex;flex-direction:column}.terms-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.privacy-page{display:flex;flex-direction:column}.privacy-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.info-page{display:flex;flex-direction:column}.info-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.stages-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.stage-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xxl);transition:border-color var(--transition-slow)}.stage-card:hover{border-color:var(--card-border-accent)}.stage-title{color:var(--banes-lab-accent);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.stage-description{color:var(--white-alpha-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-lg)}.stage-steps{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0;padding-left:var(--space-xl)}.stage-steps li{margin-bottom:var(--space-xs)}.stage-output,.stage-constraint{border-top:var(--border-s) solid var(--overlay-subtle);color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-md) 0 0;padding-top:var(--space-md)}.stage-output strong,.stage-constraint strong{color:var(--banes-lab-accent)}.stage-card code{background:var(--liquid-subtle);border-radius:var(--radius-xs);color:var(--banes-lab-liquid);font-family:var(--font-family-mono);font-size:var(--font-code);padding:var(--space-code-v) var(--space-code-h)}@media(width<=900px){.stages-grid{grid-template-columns:1fr}}.benefits-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.benefit-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:border-color var(--transition-slow)}.benefit-card:hover{border-color:var(--liquid-hover)}.benefit-icon{color:var(--banes-lab-liquid);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.benefit-title{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.benefit-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-normal);margin:0}@media(width<=900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(width<=640px){.benefits-grid{grid-template-columns:1fr}}.methodology-downloads{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.formats-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.format-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.format-card:hover{border-color:var(--card-border-accent)}.format-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.format-icon{color:var(--banes-lab-liquid);font-size:var(--font-xl)}.format-name{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold)}.format-category{color:var(--white-alpha-medium);font-size:var(--font-xs);margin-left:auto}.format-downloads{display:flex;flex-direction:column;gap:var(--space-xs)}.download-btn{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-sm);color:var(--white-alpha-primary);display:flex;font-size:var(--font-sm);gap:var(--space-sm);justify-content:space-between;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.download-btn:hover{background:var(--accent-light);border-color:var(--accent-hover);color:var(--banes-lab-accent)}.download-btn i{font-size:var(--font-xs);opacity:.6}.download-btn:hover i{opacity:1}.download-btn-wrapper{position:static}.method-download-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.method-download-card:hover{border-color:var(--card-border-accent)}.download-card-title{color:var(--white);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md);text-transform:capitalize}.downloads-error{color:var(--danger-primary);grid-column:1 / -1;text-align:center}@media(width<=640px){.formats-grid{grid-template-columns:1fr}}.methodology-projects,.methodology-personas{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.projects-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.project-card{backdrop-filter:var(--blur-soft);background:#14141466;border:var(--border-s) solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-xl);text-decoration:none;transition:border-color var(--transition-slow),transform var(--transition-fast)}.project-card:hover{border-color:#cea5557f;transform:var(--transform-hover-sm)}.project-icon{color:var(--banes-lab-liquid);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.project-name{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.project-description{color:#ffffffb3;flex:1;font-size:var(--font-md);line-height:var(--line-height-normal);margin:0 0 var(--space-lg)}.project-link{align-items:center;color:var(--banes-lab-accent);display:flex;font-size:var(--font-md);font-weight:var(--font-weight-medium);gap:var(--space-xs)}.personas-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.persona-card{backdrop-filter:var(--blur-soft);background:#14141466;border:var(--border-s) solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-lg);transition:border-color var(--transition-slow)}.persona-card:hover{border-color:#cea5557f}.persona-name{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.persona-description{color:#ffffffb3;flex:1;font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-md)}@media(width<=900px){.projects-grid{grid-template-columns:1fr}}.methodology-implementation{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.implementation-subsection{margin-bottom:var(--space-xl)}.subsection-title{color:var(--banes-lab-accent);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md);margin-top:var(--space-sm)}.implementation-steps{color:var(--white-alpha-secondary);line-height:var(--line-height-loose);margin:0;padding-left:var(--space-xl)}.implementation-steps li{margin-bottom:var(--space-sm)}.quality-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.quality-item{align-items:center;backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--overlay-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:var(--space-md)}.quality-icon{color:var(--banes-lab-liquid);font-size:var(--font-lg)}.quality-item span{color:var(--white-alpha-secondary);font-size:var(--font-md)}.methodology-persona-framework,.methodology-persona-creation{margin:0 auto var(--space-xxl);max-width:70rem;width:var(--percent-full)}.framework-subsection,.creation-subsection{margin-top:var(--space-xl)}.materials-grid,.framework-downloads-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.material-card,.framework-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-slow)}.material-card:hover,.framework-card:hover{border-color:var(--card-border-accent)}.material-type,.framework-card-title{color:var(--banes-lab-accent);font-size:var(--font-regular);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.material-description{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}@media(width<=640px){.materials-grid,.framework-downloads-grid{grid-template-columns:1fr}}.flowchart{display:flex;gap:0}.flowchart-vertical{flex-direction:column}.flowchart-node{align-items:center;background:var(--card-gradient);border:var(--border-s) solid var(--white-alpha-15);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-align:center;transition:border-color var(--transition-slow),transform var(--transition-fast)}.flowchart-node:hover{transform:var(--transform-hover-lift)}.node-number{align-items:center;background:var(--banes-lab-accent);border-radius:var(--radius-md);color:var(--black);display:flex;flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-weight-bold);height:1.25rem;justify-content:center;width:1.25rem}.node-content{display:flex;flex-direction:column;gap:var(--space-xs)}.node-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs)}.node-description,.node-text{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}.flowchart-connector{align-items:center;display:flex;justify-content:center;padding:var(--space-xs) 0}.connector-arrow{background:var(--liquid-gradient);border-radius:var(--radius-xs);height:1.5rem;position:relative;width:2px}.connector-arrow:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--banes-lab-liquid);bottom:-6px;content:"";left:50%;position:absolute;transform:translate(-50%)}.flowchart-split{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.flowchart-section-title{color:var(--banes-lab-accent);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md)}.flowchart-compact .flowchart-node{padding:var(--space-sm) var(--space-md)}.flowchart-compact .node-number{font-size:var(--font-xxs);height:1rem;width:1rem}@media(width<=768px){.flowchart-split{grid-template-columns:1fr}}.method-page{display:flex;flex-direction:column}.method-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.method-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.method-title{color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.method-subtitle{color:var(--white-alpha-secondary);font-size:var(--font-lg);font-weight:var(--font-weight-normal);margin:var(--space-md) 0 0}.method-tabs-anchor{margin:0 auto var(--space-xxl);max-width:70rem;position:sticky;top:var(--space-md);width:var(--percent-full);z-index:100}.method-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.method-tab-button span{display:inline;max-width:100px;opacity:1;overflow:hidden;transition:max-width var(--transition-normal),opacity var(--transition-fast)}.method-tabs.pinned .method-tab-button span{max-width:0;opacity:0}.method-tab-button{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:var(--white-alpha-secondary);cursor:pointer;display:flex;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.method-tab-button:hover,.method-tab-button.active{background:var(--banes-lab-accent);border-color:var(--banes-lab-accent);color:var(--black)}.method-tab-button i{font-size:var(--font-md);transition:font-size var(--transition-fast)}.method-tab-content{width:var(--percent-full)}.method-tabs-footer{bottom:var(--space-md);margin:0 auto;top:auto;width:auto}.method-tabs-footer .method-tab-button{padding:var(--space-sm);position:relative}.method-symbol{display:inline-block;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-width:1em;text-align:center}.method-tabs-footer .method-tab-button span:not(.method-symbol){background:#333;border:var(--border-s) solid var(--banes-lab-accent);border-radius:var(--radius-sm);bottom:100%;color:var(--white);font-size:var(--font-xs);left:50%;margin-bottom:var(--space-xs);max-width:none;opacity:0;overflow:visible;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--timing-fast) ease;white-space:nowrap;width:max-content}.method-tabs-footer .method-tab-button:hover span:not(.method-symbol){opacity:1}.method-section{margin:0 auto var(--space-xxl);max-width:70rem;padding-bottom:var(--space-xxl);width:var(--percent-full)}.method-section:not(:last-child){border-bottom:var(--border-s) solid var(--white-alpha-border)}.method-section .section-title{border-left:4px solid var(--banes-lab-accent);color:var(--banes-lab-accent);font-family:var(--font-family-heading);font-size:var(--font-hero);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-lg);padding-left:var(--space-md);text-transform:uppercase}.method-section .section-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-xl);max-width:50rem}.method-section .section-text strong,.method-section .section-text em{color:var(--banes-lab-accent)}.method-section .section-title-wrapper{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.method-section .section-title-wrapper .section-title{margin:0}.method-subsection{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:1}.method-subsection:hover{border-color:var(--banes-lab-accent-dark);box-shadow:0 4px 24px #0003;z-index:10}.method-subsection:last-child{margin-bottom:0}.method-subsection .subsection-title{align-items:center;color:var(--white);display:flex;font-size:var(--font-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin:0 0 var(--space-md)}.method-subsection .subsection-title:before{color:var(--banes-lab-accent);content:"›";font-size:var(--font-xxl);font-weight:var(--font-weight-bold)}.method-subsection .section-text{color:var(--white-alpha-secondary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-lg)}.method-subsection-grid,.method-subsection-content-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.method-subsection-grid .method-subsection{display:flex;flex-direction:column;margin-bottom:0;min-width:0}.method-list{color:var(--white-alpha-primary);line-height:var(--line-height-loose);list-style:none;margin:0;padding-left:0}.method-list li{margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.method-list li:before{color:var(--banes-lab-accent);content:"•";font-size:var(--font-lg);font-weight:var(--font-weight-bold);left:0;position:absolute}.method-list li strong{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold)}.method-list li code{background:#cea55526;border:var(--border-s) solid rgb(206 165 85 / 30%);border-radius:var(--radius-sm);color:var(--banes-lab-accent);font-family:var(--font-family-mono);font-size:var(--font-sm);padding:.1em .4em}.method-icon-list{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.method-icon-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.method-icon-item:hover{background:#cea5551a}.method-icon-item-icon{color:var(--banes-lab-accent);flex-shrink:0;font-size:var(--font-xl)}.method-icon-item-label{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold)}.method-icon-item-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm)}.method-content-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.method-content-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;padding:var(--space-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.method-content-card:hover{background:#cea5550d;border-color:var(--banes-lab-accent-dark)}.content-card-list li:before{color:var(--banes-lab-accent);content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute}.content-card-list li strong{color:var(--banes-lab-accent)}.method-navigation-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.method-navigation-card{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.method-navigation-card:hover{background:#cea5551a;border-color:var(--banes-lab-accent);transform:translateY(-2px)}.navigation-card-icon{color:var(--banes-lab-accent);flex-shrink:0;font-size:var(--font-xl)}.method-navigation-card:hover .navigation-card-arrow{color:var(--banes-lab-accent);transform:translate(4px)}.method-downloads-container{margin-top:var(--space-lg)}.method-downloads-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin-top:var(--space-md)}.method-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-xl) auto 0;max-width:70rem;padding:var(--space-xxl);text-align:center;width:var(--percent-full)}.method-footer .footer-text,.method-footer .footer-license{color:var(--white-alpha-secondary);margin:0 0 var(--space-sm)}.method-footer .footer-license{margin-bottom:0}.method-footer .footer-link{color:var(--banes-lab-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.method-footer .footer-link:hover{text-decoration:underline}.method-footer .cc-icons{display:inline-flex;gap:var(--space-xs);margin-left:var(--space-xs);vertical-align:middle}.method-footer .cc-icons img{vertical-align:middle}.method-copy-btn{background:transparent;border:none;color:#cea5557f;cursor:pointer;font-size:var(--font-lg);padding:0;transition:color var(--transition-fast)}.method-copy-btn:hover{color:#cea55559}.method-copy-btn.copied{color:var(--success-primary)}.method-copy-all-btn{background:transparent;border:none;color:#cea5557f;font-size:var(--font-xl);padding:0;position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:1000}.method-copy-all-btn:hover{color:#cea55559}.method-copy-all-btn.copied{color:var(--success-primary)}.method-section--callout{background:linear-gradient(135deg,#cea55514,#cea55508);border:var(--border-s) solid rgb(206 165 85 / 25%);border-radius:var(--radius-lg);margin-bottom:var(--space-xxl);padding:var(--space-xl);padding-bottom:var(--space-lg)}.method-section--callout:not(:last-child){border-bottom:var(--border-s) solid rgb(206 165 85 / 25%)}.method-section--callout .section-title-wrapper{gap:var(--space-sm);justify-content:flex-start;margin-bottom:var(--space-md)}.method-section--callout .callout-icon{color:var(--banes-lab-accent);font-size:var(--font-xxl)}.method-section--callout .section-title{border-left:none;font-size:var(--font-xl);margin:0;padding-left:0}.method-section--callout .section-text{margin-bottom:var(--space-lg)}.method-section--callout .method-subsection{background:transparent;border:none;margin-bottom:0;padding:var(--space-md)}.method-section--callout .method-subsection:hover{border-color:transparent;box-shadow:none}.method-section--callout .subsection-title{color:var(--banes-lab-accent);font-size:var(--font-md);margin-bottom:var(--space-md)}.method-section--callout .subsection-title:before{display:none}.method-section--callout .method-navigation-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin-top:0}.method-section--callout .method-navigation-card{background:var(--banes-lab-main);border-color:#cea55566;padding:var(--space-md)}.method-section--callout .navigation-card-icon{font-size:var(--font-lg)}.method-section--callout .navigation-card-title{font-size:var(--font-sm)}.method-section--callout .navigation-card-desc{font-size:var(--font-xs)}@media(width<=56.25rem){.method-subsection-grid,.method-subsection-content-grid{grid-template-columns:1fr}}@media(width<=40rem){.method-content{padding:var(--space-lg)}.method-title{font-size:var(--font-xxl)}.method-section .section-title{font-size:var(--font-xl)}.method-subsection{padding:var(--space-lg)}.method-subsection .subsection-title{font-size:var(--font-lg)}.method-tabs{gap:var(--space-xs)}.method-tab-button{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.method-tab-button span:not(.method-symbol){display:none}.method-tab-button i{font-size:var(--font-lg)}.method-icon-list{grid-template-columns:1fr}}.account-recovery-page{display:flex;flex-direction:column}.account-recovery-page .auth-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg)}.account-recovery-page .auth-message{text-align:left}.account-recovery-page .success-icon{color:var(--success-primary);font-size:use css variable for consistent typography scale;margin:var(--space-xl) 0;text-align:center}.account-recovery-page .success-icon i{animation:success-pulse .6s ease-out}@keyframes success-pulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(width<=768px){.account-recovery-page .auth-content{padding:var(--space-md)}}.pag-page{display:flex;flex-direction:column}.pag-content{display:flex;flex-direction:column;padding:var(--space-xl);width:var(--percent-full)}.pag-header{align-items:center;display:flex;flex-direction:column;padding:var(--space-xxl) 0;text-align:center}.pag-logo{height:auto;margin-bottom:var(--space-lg);max-width:120px;width:100%}.pag-title{color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.pag-subtitle{color:var(--white-alpha-secondary);font-size:var(--font-lg);font-weight:var(--font-weight-normal);margin:var(--space-md) 0 0}.pag-tabs-anchor{margin:0 auto var(--space-xxl);max-width:70rem;position:sticky;top:var(--space-md);width:var(--percent-full);z-index:100}.pag-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.pag-tab-button span{display:inline;max-width:100px;opacity:1;overflow:hidden;transition:max-width var(--transition-normal),opacity var(--transition-fast)}.pag-tabs.pinned .pag-tab-button span{max-width:0;opacity:0}.pag-tab-button{align-items:center;background:var(--banes-lab-main);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:var(--white-alpha-secondary);cursor:pointer;display:flex;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.pag-tabs.collapsed .pag-tab-button{justify-content:center;padding:var(--space-sm)}.pag-tabs.collapsed .pag-tab-button span{display:none}.pag-tab-button:hover,.pag-tab-button.active{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black)}.pag-tab-button.active:hover{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag)}.pag-tab-button i{font-size:var(--font-md);transition:font-size var(--transition-fast)}.pag-tabs.collapsed .pag-tab-button i{font-size:var(--font-lg)}.pag-tab-content{width:var(--percent-full)}.pag-tabs-footer{bottom:var(--space-md);margin:0 auto;top:auto;width:auto}.pag-tabs-footer .pag-tab-button{padding:var(--space-sm);position:relative}.pag-symbol{display:inline-block;font-family:var(--font-family-body);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-width:1em;text-align:center}.pag-tabs-footer .pag-tab-button span:not(.pag-symbol){background:#333;border:var(--border-s) solid var(--banes-lab-pag);border-radius:var(--radius-sm);bottom:100%;color:var(--white);font-size:var(--font-xs);left:50%;margin-bottom:var(--space-xs);max-width:none;opacity:0;overflow:visible;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--timing-fast) ease;white-space:nowrap;width:max-content}.pag-tabs-footer .pag-tab-button:hover span:not(.pag-symbol){opacity:1}.pag-section{margin:0 auto var(--space-xxl);max-width:70rem;padding-bottom:var(--space-xxl);width:var(--percent-full)}.pag-section:not(:last-child){border-bottom:var(--border-s) solid var(--white-alpha-border)}.pag-section .section-title{border-left:4px solid var(--banes-lab-pag);color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-hero);font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg);padding-left:var(--space-md);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pag-section .section-text{color:var(--white-alpha-primary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-xl);max-width:50rem}.pag-section .section-text strong,.pag-section .section-text em{color:var(--banes-lab-pag)}.pag-subsection{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:1}.pag-subsection:hover{border-color:var(--banes-lab-pag-dark);box-shadow:0 4px 24px #0003;z-index:10}.pag-subsection:last-child{margin-bottom:0}.pag-subsection .subsection-title{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.pag-subsection .subsection-title:before{color:var(--banes-lab-pag);content:"›";font-size:var(--font-xxl);font-weight:var(--font-weight-bold)}.subsection-symbol{color:var(--white-alpha-muted);font-size:var(--font-md);font-weight:var(--font-weight-normal);margin-left:var(--space-xs)}.pag-subsection .section-text{color:var(--white-alpha-secondary);font-size:var(--font-md);line-height:var(--line-height-loose);margin:0 0 var(--space-lg)}.pag-subsection-grid,.pag-subsection-content-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.pag-subsection-content-grid>*{min-width:0}.pag-subsection-content-grid>.pag-table-wrapper,.pag-subsection-content-grid>.pag-comparison-grid,.pag-subsection-content-grid>.pag-type-cards,.pag-subsection-content-grid>.pag-checkbox-grid,.pag-subsection-content-grid>.pag-content-cards,.pag-subsection-content-grid>.pag-navigation-cards,.pag-subsection-content-grid>.pag-icon-list{grid-column:1 / -1}.pag-subsection-content-grid .pag-content-cards{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}.pag-subsection-content-grid .pag-content-card{height:100%}.pag-subsection-content-grid .pag-icon-list{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}.pag-subsection-content-grid .pag-icon-item{height:100%}.pag-subsection-content-grid>.code-block{height:10;min-height:100%;overflow:hidden}.pag-subsection-grid .pag-subsection{display:flex;flex-direction:column;margin-bottom:0;min-width:0}.pag-subsection-grid .pag-subsection:has(.pag-table-wrapper),.pag-subsection-grid .pag-subsection:has(.pag-icon-list),.pag-subsection-grid .pag-subsection:has(.pag-role-table){grid-column:1 / -1}.pag-subsection-grid .pag-table-wrapper{max-width:100%;min-width:0;overflow-x:auto}.pag-subsection-grid .pag-table{font-size:var(--font-xs)}.pag-subsection-grid .pag-table td,.pag-subsection-grid .pag-table th{padding:var(--space-xs) var(--space-sm)}@media(width<=40rem){.pag-subsection-grid .pag-table{font-size:.6rem}.pag-subsection-grid .pag-table td,.pag-subsection-grid .pag-table th{padding:var(--space-xxs) var(--space-xs);font-weight:var(--font-weight-normal);text-align:center}}.pag-subsection-grid .code-block{flex:1}.pag-subsection-grid .pag-list{font-size:var(--font-sm)}.pag-subsection-grid .pag-list li{margin-bottom:var(--space-xs)}.pag-category-header{margin:var(--space-xxl) 0 var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--banes-lab-pag)}.pag-category-header:first-child{margin-top:0}.pag-category-header .category-title{color:var(--banes-lab-pag);font-family:var(--font-family-heading);font-size:var(--font-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.pag-category-header .category-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-sm) 0 0}.pag-list{color:var(--white-alpha-primary);line-height:var(--line-height-loose);margin:0;padding-left:0;list-style:none}.pag-list li{margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.pag-list li:before{color:var(--banes-lab-pag);content:"•";font-size:var(--font-lg);font-weight:var(--font-weight-bold);left:0;position:absolute}.pag-list li strong{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.pag-icon-list{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-icon-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast)}.pag-icon-item:hover{background:#d4af371a}.pag-icon-item-icon{color:var(--banes-lab-pag);flex-shrink:0;font-size:var(--font-xl)}.pag-icon-item-label{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold)}.pag-icon-item-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm)}.pag-checkbox-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-checkbox-item{align-items:flex-start;background:var(--black-alpha-overlay);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-md);transition:background var(--transition-fast);user-select:none}.pag-checkbox-item:hover{background:#d4af371a}.pag-checkbox-item.checked{background:#d4af3726}.pag-checkbox{align-items:center;background:transparent;border:2px solid var(--white-alpha-muted);border-radius:var(--radius-xs);color:transparent;display:flex;flex-shrink:0;font-size:var(--font-xs);height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.pag-checkbox-item.checked .pag-checkbox{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black)}.pag-checkbox-label{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal);transition:color var(--transition-fast)}.pag-checkbox-item.checked .pag-checkbox-label,.pag-checkbox-label strong{color:var(--banes-lab-pag)}.pag-comparison-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin:var(--space-lg) 0}.pag-comparison-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.comparison-issue{color:var(--banes-lab-pag);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.comparison-wrong,.comparison-correct{display:flex;flex-direction:column;gap:var(--space-xs)}.comparison-label{align-items:center;display:flex;font-size:var(--font-xs);gap:var(--space-xs)}.comparison-wrong .comparison-label{color:var(--danger-primary)}.comparison-correct .comparison-label{color:var(--success-primary)}.comparison-code{background:var(--code-block);border-radius:var(--radius-sm);color:var(--text-light-gray);font-family:var(--font-family-code);font-size:var(--font-xs);padding:var(--space-sm);white-space:pre-wrap}.label-good{color:var(--success-primary);font-weight:var(--font-weight-semibold)}.label-bad{color:var(--danger-primary);font-weight:var(--font-weight-semibold)}.pag-type-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin:var(--space-lg) 0}.pag-type-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.pag-type-card:hover{border-color:var(--banes-lab-pag-dark);transform:translateY(-2px)}.pag-type-card .type-name{background:var(--banes-lab-pag);border-radius:var(--radius-sm);color:var(--black);display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);width:fit-content}.pag-type-card .type-verb{color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.pag-type-card .type-purpose{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal)}.pag-table-wrapper{border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.pag-table th{background:var(--banes-lab-pag);color:var(--black);font-size:var(--font-sm);font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-lg);text-align:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pag-table td{background:var(--card-bg);border-bottom:var(--border-s) solid var(--white-alpha-border);color:var(--white-alpha-primary);padding:var(--space-md) var(--space-lg);text-align:center}.pag-table tr:hover td{background:var(--black-alpha-overlay)}.pag-table td:first-child{font-weight:var(--font-weight-medium)}.pag-table.wrong-correct-table td:first-child .pag-keyword{background:#dc354526;border-color:#dc35454d;color:#dc3545}.pag-table.wrong-correct-table td:nth-child(2) .pag-keyword{background:#28a74526;border-color:#28a7454d;color:#28a745}.pag-role-table td:first-child strong{color:var(--banes-lab-pag)}.pag-role-table td{vertical-align:top}.pag-content-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.pag-content-card{background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;padding:var(--space-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.pag-content-card:hover{background:#d4af370d;border-color:var(--banes-lab-pag-dark)}.content-card-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0}.content-card-text{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:0}.content-card-list{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);list-style:none;margin:0;padding:0}.content-card-list li{padding-left:var(--space-md);position:relative}.content-card-list li:before{color:var(--banes-lab-pag);content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute}.content-card-list li strong{color:var(--banes-lab-pag)}.pag-navigation-cards{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--space-md)}.pag-navigation-card{align-items:center;background:var(--black-alpha-overlay);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.pag-navigation-card:hover{background:#d4af371a;border-color:var(--banes-lab-pag);transform:translateY(-2px)}.navigation-card-icon{color:var(--banes-lab-pag);flex-shrink:0;font-size:var(--font-xl)}.navigation-card-content{flex:1;min-width:0}.navigation-card-title{color:var(--white);font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin:0}.navigation-card-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-normal);margin:var(--space-xxs) 0 0}.navigation-card-arrow{color:var(--white-alpha-muted);flex-shrink:0;font-size:var(--font-md);transition:color var(--transition-fast),transform var(--transition-fast)}.pag-navigation-card:hover .navigation-card-arrow{color:var(--banes-lab-pag);transform:translate(4px)}.pag-content-cards--warning .pag-content-card{border-left:3px solid var(--warning-primary, #ffc107)}.pag-content-cards--warning .pag-content-card:hover{border-left-color:var(--banes-lab-pag)}.pag-content-cards--warning .content-card-title:before{color:var(--warning-primary, #ffc107);content:"⚠ "}.pag-keyword{background:#d4af3726;border:var(--border-s) solid rgb(212 175 55 / 30%);border-radius:var(--radius-sm);color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:.15em .5em}.pag-keyword-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0;position:relative}.pag-keyword-grid .pag-keyword{cursor:default;padding:var(--space-xs) var(--space-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.pag-keyword-interactive:hover{background:var(--banes-lab-pag);border-color:var(--banes-lab-pag);color:var(--black);transform:translateY(-2px)}.pag-keyword-wrapper{display:inline-block;position:relative}.pag-keyword-tooltip{backdrop-filter:var(--blur-soft);background:#131313f2;border:var(--border-s) solid var(--banes-lab-pag);border-radius:var(--radius-md);bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:var(--space-xs);left:50%;max-width:18rem;min-width:12rem;opacity:0;padding:var(--space-sm) var(--space-md);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--transition-fast);z-index:9999}.pag-keyword-wrapper:hover .pag-keyword-tooltip{opacity:1;pointer-events:auto}.pag-keyword-tooltip:after{border-color:var(--banes-lab-pag) transparent transparent transparent;border-style:solid;border-width:6px;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.pag-keyword-tooltip .tooltip-desc{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-normal)}.pag-keyword-tooltip .tooltip-example{background:var(--black-alpha-overlay);border-radius:var(--radius-sm);color:var(--banes-lab-pag);display:block;font-family:var(--font-family-mono);font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.pag-bnf-block{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-bnf{color:var(--white-alpha-secondary);font-family:var(--font-family-mono);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0;overflow-x:auto;padding:var(--space-xl)}.pag-bnf-rules-group{margin-top:var(--space-md)}.pag-diagram-block{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden}.pag-diagram{color:var(--banes-lab-pag);font-family:var(--font-family-mono);font-size:var(--font-sm);line-height:1.4;margin:0;overflow-x:auto;padding:var(--space-xl);white-space:pre}.pag-footer{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);margin:var(--space-xl) auto 0;max-width:70rem;padding:var(--space-xxl);text-align:center;width:var(--percent-full)}.pag-footer .footer-text,.pag-footer .footer-license{color:var(--white-alpha-secondary);margin:0 0 var(--space-sm)}.pag-footer .footer-license{margin-bottom:0}.pag-footer .footer-link{color:var(--banes-lab-pag);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-slow)}.pag-footer .footer-link:hover{text-decoration:underline}.pag-footer .cc-icons{display:inline-flex;gap:var(--space-xs);margin-left:var(--space-xs);vertical-align:middle}.pag-footer .cc-icons img{vertical-align:middle}.pag-link-button{align-items:center;background:var(--banes-lab-pag);border-radius:var(--radius-md);color:var(--black);display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-weight-bold);gap:var(--space-xs);margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);text-decoration:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all var(--transition-fast)}.pag-link-button:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.pag-feature-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-xl)}.pag-feature-card{backdrop-filter:var(--blur-soft);background:var(--card-bg);border:var(--border-s) solid var(--white-alpha-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-fast),transform var(--transition-fast)}.pag-feature-card:hover{border-color:var(--banes-lab-pag-dark);transform:translateY(-4px)}.pag-feature-card .feature-icon{color:var(--banes-lab-pag);font-size:var(--font-xxl);margin-bottom:var(--space-md)}.pag-feature-card .feature-title{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm)}.pag-feature-card .feature-desc{color:var(--white-alpha-secondary);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0}.pag-callout{background:#d4af371a;border-left:4px solid var(--banes-lab-pag);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-lg) 0;padding:var(--space-lg)}.pag-callout-title{color:var(--banes-lab-pag);font-size:var(--font-md);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm);text-transform:uppercase}.pag-callout-text{color:var(--white-alpha-primary);font-size:var(--font-sm);line-height:var(--line-height-loose);margin:0}@media(width<=56.25rem){.pag-subsection-grid{grid-template-columns:1fr}.pag-subsection-grid .code-block{max-height:none}.pag-subsection-content-grid{grid-template-columns:1fr}}@media(width<=40rem){.pag-content{padding:var(--space-lg)}.pag-logo{max-width:80px}.pag-title{font-size:var(--font-xxl)}.pag-section .section-title{font-size:var(--font-xl)}.pag-subsection{padding:var(--space-lg)}.pag-subsection .subsection-title{font-size:var(--font-lg)}.pag-tabs{gap:var(--space-xs)}.pag-tab-button{font-size:var(--font-xs);padding:var(--space-xs) var(--space-sm)}.pag-tab-button span:not(.pag-symbol){display:none}.pag-tab-button i{font-size:var(--font-lg)}.pag-tabs.collapsed,.pag-tabs.collapsed .pag-tab-button{padding:var(--space-xs)}.pag-table{font-size:var(--font-xs)}.pag-table th,.pag-table td{padding:var(--space-sm) var(--space-md)}.pag-bnf,.pag-diagram{font-size:var(--font-xs);padding:var(--space-md)}.pag-feature-grid{grid-template-columns:1fr}.pag-bnf-rule{padding:var(--space-md)}.bnf-rule-title{font-size:var(--font-sm)}.pag-bnf-rule .pag-bnf{padding:var(--space-sm)}.pag-checkbox-grid,.pag-comparison-grid,.pag-type-cards,.pag-icon-list{grid-template-columns:1fr}}.pag-copy-btn{background:transparent;border:none;color:#e288407f;cursor:pointer;font-size:var(--font-lg);padding:0;transition:color var(--transition-fast)}.pag-copy-btn:hover{color:#e2884059}.pag-copy-btn.copied{color:var(--success-primary)}.pag-page .pag-section .pag-section-title-wrapper{align-items:center;display:flex!important;gap:var(--space-md);justify-content:space-between!important;margin-bottom:var(--space-lg)}.pag-page .pag-section .pag-section-title-wrapper .section-title{margin:0}.pag-page .pag-section .pag-section-title-wrapper .pag-copy-btn{position:relative!important;flex-shrink:0}.pag-copy-all-btn{background:transparent;border:none;color:#e288407f;font-size:var(--font-xl);padding:0;position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:1000}.pag-copy-all-btn:hover{color:#e2884059}.pag-copy-all-btn.copied{color:var(--success-primary)}.licensing-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-xl)}.licensing-content{margin:0 auto;max-width:var(--width-content-xl);width:100%}.licensing-header{align-items:center;display:flex;flex-direction:column}.licensing-emblem{height:7rem;object-fit:contain;width:auto}.license-cards{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.license-card{background:var(--overlay-subtle);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-lg);position:relative;transition:border-color var(--timing-fast) ease}.license-card:before{background:var(--license-color, var(--banes-lab-accent));border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:var(--space-xs);left:0;position:absolute;right:0;top:0}.license-card:hover{border-color:var(--license-color, var(--banes-lab-accent))}.license-card-header{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.license-icon{color:var(--license-color, var(--banes-lab-accent));font-size:var(--font-hero);line-height:1}.license-card-title-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.license-card-title{color:var(--white);font-family:var(--font-family-heading);font-size:var(--font-lg);margin:0}.license-badge-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.license-badge{background:var(--license-color, var(--banes-lab-accent));border-radius:var(--radius-sm);color:var(--background-dark);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);width:fit-content}.license-download-btn{align-items:center;background:var(--overlay-medium);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--text-light-gray);display:flex;font-size:var(--font-sm);height:var(--space-xl);justify-content:center;text-decoration:none;transition:all var(--timing-fast) ease;width:var(--space-xl)}.license-download-btn:hover{background:var(--license-color, var(--banes-lab-accent));border-color:var(--license-color, var(--banes-lab-accent));color:var(--background-dark)}.license-spdx{background:var(--background-dark);border:var(--border-s) solid var(--accent-subtle);border-radius:var(--radius-sm);color:var(--text-light-gray);font-family:var(--font-family-code);font-size:var(--font-xs);margin-bottom:var(--space-md);overflow-wrap:break-word;padding:var(--space-xs) var(--space-sm);word-break:break-all}.license-description{color:var(--text-light-gray);font-size:var(--font-md);line-height:var(--line-height-loose);margin-bottom:var(--space-lg)}.license-list-section{margin-bottom:var(--space-md)}.license-list-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);text-transform:uppercase}.license-list-title.permitted,.license-list-title.restricted{color:var(--banes-lab-accent)}.license-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.license-list li{align-items:flex-start;color:var(--text-light-gray);display:flex;font-size:var(--font-sm);gap:var(--space-sm)}.license-list li i{flex-shrink:0;margin-top:var(--space-xxs)}.license-list.permitted li i{color:var(--status-success)}.license-list.restricted li i{color:var(--status-error)}.license-cta{background:var(--license-color, var(--banes-lab-accent));border:none;border-radius:var(--radius-sm);color:var(--background-dark);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-semibold);margin-top:auto;padding:var(--space-sm) var(--space-md);text-align:center;text-decoration:none;transition:opacity var(--timing-fast) ease}.license-cta:hover{opacity:.9}.licensing-page .toc-group-label{color:var(--text-mid-gray);display:block;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.licensing-page .toc-sublist{display:flex;flex-direction:column;gap:var(--space-xxs);list-style:none;margin:0 0 var(--space-sm) 0;padding:0}.licensing-page .legal-layout,.licensing-page .legal-sections{min-width:0}.licensing-page .legal-section{min-width:0;overflow-wrap:break-word}@media(width<=768px){.license-cards{grid-template-columns:1fr}.licensing-page{padding:var(--space-md)}}@media(width<=480px){.license-card-header{flex-direction:column}.license-icon{font-size:var(--font-xl)}}.pag-compiler-page{display:flex;flex-direction:column;height:100%;overflow-y:auto}.pag-compiler-page .pag-compiler-content{padding:var(--space-xl)}