:root{--bg: #0e1418;--surface: #151d22;--raised: #1c272d;--text: #e6eef2;--muted: #9db2bc;--border: rgba(255, 255, 255, .09);--border-strong: rgba(131, 175, 192, .4);--primary: #83afc0;--primary-soft: #83a4c8;--accent: #83caa9;--on-primary: #0d1418;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--danger: #e2686b;--on-danger: #ffffff;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--shadow-3: 0 12px 32px rgba(0, 0, 0, .16);--border-w: 1px;--border-w-strong: 1.5px;--transition: .16s ease;--transition-slow: .28s ease;--z-header: 20;--z-backtotop: 900;--z-modal: 1000;--z-dropdown: 1300;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 40%, transparent);--dim-opacity: .55;--disabled-opacity: .45;--faint-opacity: .2;--fs-h1: 2rem;--fs-h2: 1.75rem;--fs-h3: 1.5rem;--fs-h4: 1.25rem;--fs-h5: 1rem;--fs-h6: .875rem;--fs-body: 1rem;--fs-small: .875rem}*{box-sizing:border-box}html{font-size:16px}html,body{height:100%;scrollbar-gutter:stable}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";font-size:var(--fs-body);background:radial-gradient(640px 320px at 20% 80%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 60%),radial-gradient(640px 320px at 80% 20%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 60%),var(--bg);background-attachment:fixed;background-size:100% 100%;color:var(--text)}a{color:inherit;text-decoration:none}button{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;font-weight:600}h1{font-size:var(--fs-h1);line-height:1.4}h2{font-size:var(--fs-h2);line-height:1.4}h3{font-size:var(--fs-h3);line-height:1.4}h4{font-size:var(--fs-h4);line-height:1.4}h5{font-size:var(--fs-h5);line-height:1.4}h6{font-size:var(--fs-h6);line-height:1.4}p{margin:0 0 1rem;line-height:1.7}ul,ol{margin:0 0 1rem;padding-left:1.5rem;line-height:1.7}li{margin-bottom:.5rem}header{position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface) 68%,transparent);border-bottom:1px solid var(--border);margin-bottom:1.5rem}footer{border-top:2px solid var(--border);margin-top:2rem}.container{max-width:1200px;margin:0 auto}.icon{font-family:Material Symbols Outlined;font-size:inherit;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon--spin{animation:icon-spin 1s linear infinite}.icon--spin-reverse{animation:icon-spin-reverse 1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@keyframes icon-spin-reverse{to{transform:rotate(-360deg)}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;border:var(--border-w) solid transparent;border-radius:var(--radius-sm)}.badge__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.badge__content{display:inline-flex;align-items:center}.badge--filled{background:var(--badge-color);color:var(--badge-ink);border:var(--border-w) solid var(--badge-color)}.badge--outline{background:transparent;color:var(--badge-color);border:var(--border-w) solid color-mix(in srgb,var(--badge-color) 50%,transparent)}.badge--soft{background:color-mix(in srgb,var(--badge-color) 13%,transparent);color:var(--badge-color);border:var(--border-w) solid transparent}.corner-mark{position:absolute;width:var(--corner-mark-size);height:var(--corner-mark-size);border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition);color:var(--corner-mark-color)}.corner-mark .icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;padding:0;margin:0;overflow:hidden;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.corner-mark--top-right{top:calc(4px + var(--corner-mark-offset-y, 0px));right:calc(4px + var(--corner-mark-offset-x, 0px))}.corner-mark--top-left{top:calc(4px + var(--corner-mark-offset-y, 0px));left:calc(4px + var(--corner-mark-offset-x, 0px))}.corner-mark--bottom-right{bottom:calc(4px + var(--corner-mark-offset-y, 0px));right:calc(4px + var(--corner-mark-offset-x, 0px))}.corner-mark--bottom-left{bottom:calc(4px + var(--corner-mark-offset-y, 0px));left:calc(4px + var(--corner-mark-offset-x, 0px))}.corner-mark--inactive{background:color-mix(in srgb,var(--corner-mark-color) 10%,transparent);border:var(--border-w) solid color-mix(in srgb,var(--corner-mark-color) 30%,transparent)}.corner-mark--active{background:var(--corner-mark-color);border:var(--border-w) solid var(--corner-mark-color);color:var(--corner-mark-ink)}.corner-mark--clickable{cursor:pointer}.corner-mark--clickable:hover{opacity:1;transform:scale(1.15)}.corner-mark--clickable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-dot{padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.color-dot:disabled,.color-dot--disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.color-dot__inner{display:block;width:var(--dot-size, 16px);height:var(--dot-size, 16px);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff9,#fff0 46%),var(--dot-background);box-shadow:0 1px 2px #00000047,inset 0 0 0 1px #fff3;opacity:var(--dim-opacity);transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.color-dot--selected .color-dot__inner{opacity:1}.color-dot:not(:disabled):hover .color-dot__inner{transform:scale(1.08);box-shadow:0 0 6px color-mix(in srgb,var(--text) 80%,transparent)}.card{position:relative;border-radius:var(--radius-lg)}.card--default{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-1)}.card--outline{background:transparent;border:var(--border-w) solid var(--border)}.card--elevated{background:var(--raised);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-2)}.card--flat{background:color-mix(in srgb,var(--surface) 70%,var(--bg));border:none;box-shadow:none}.card-hoverable{transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card-opaque{background:var(--bg)}.card-clickable{cursor:pointer}.card-clickable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.flex{display:flex}.flex--v{flex-direction:column}.flex--h{flex-direction:row}.flex--wrap{flex-wrap:wrap}.grid{display:grid}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}.text{margin:0;line-height:1.5}h1.text:not(:first-child){margin-top:1.25rem}h2.text:not(:first-child){margin-top:1rem}h3.text:not(:first-child){margin-top:.75rem}h4.text:not(:first-child){margin-top:.5rem}h1.text,h2.text{margin-bottom:.5rem}h3.text{margin-bottom:.25rem}h4.text{margin-bottom:.125rem}.flex--h .text{margin:0}.text--weight-normal{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border:var(--border-w) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;line-height:1}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn--icon{aspect-ratio:1}.btn--full-width{width:100%}.btn--primary{background:var(--btn-color);color:var(--btn-ink);border-color:transparent}.btn--primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn--primary:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.btn--secondary{background:color-mix(in srgb,var(--btn-color) 8%,transparent);color:var(--btn-color);border-color:color-mix(in srgb,var(--btn-color) 15%,transparent)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color) 12%,transparent);border-color:color-mix(in srgb,var(--btn-color) 25%,transparent);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){background:color-mix(in srgb,var(--btn-color) 15%,transparent);transform:translateY(0)}.btn--outline{background:transparent;border-width:var(--border-w);border-style:solid;color:var(--btn-color);border-color:color-mix(in srgb,var(--btn-color) 50%,transparent)}.btn--outline:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color) 10%,transparent);border-color:color-mix(in srgb,var(--btn-color) 80%,transparent)}.btn--ghost{background:transparent;border-color:transparent;color:var(--btn-color)}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color) 8%,transparent)}.btn--text{background:transparent;border-color:transparent;padding-left:0;padding-right:0;color:var(--btn-color)}.btn--text:hover:not(:disabled) .btn__content{text-decoration:underline}.btn--text:active:not(:disabled){background:color-mix(in srgb,var(--btn-color) 10%,transparent)}.btn--icon{background:transparent;border-color:transparent;color:var(--btn-color)}.btn--icon:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color) 8%,transparent)}.btn--active.btn--primary{box-shadow:0 0 0 3px color-mix(in srgb,var(--btn-color) 30%,transparent)}.btn--active.btn--outline,.btn--active.btn--ghost,.btn--active.btn--icon{background:color-mix(in srgb,var(--btn-color) 15%,transparent)}.btn--loading{pointer-events:none}.btn__spinner{display:inline-flex;align-items:center;justify-content:center}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__content{display:inline-flex;align-items:center}.checkbox{display:inline-flex;align-items:center;gap:var(--checkbox-gap, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__box{width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--radius-xs);border:var(--border-w-strong) solid var(--border-strong);background:transparent;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.checkbox:hover .checkbox__box{border-color:var(--checkbox-color)}.checkbox__input:focus-visible~.checkbox__box{box-shadow:var(--focus-ring)}.checkbox--label-left{flex-direction:row-reverse}.checkbox--checked .checkbox__box,.checkbox--indeterminate .checkbox__box{background:var(--checkbox-color);border-color:var(--checkbox-color)}.checkbox__check,.checkbox__indeterminate{width:75%;height:75%;color:var(--checkbox-ink)}.checkbox__label{font-size:var(--checkbox-size);color:var(--text);cursor:pointer;line-height:1.4}.checkbox--disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.checkbox--disabled .checkbox__box,.checkbox--disabled .checkbox__label{cursor:not-allowed}.checkbox--error .checkbox__box,.checkbox--error:hover .checkbox__box{border-color:var(--danger)}.input-wrapper{display:inline-flex;flex-direction:column;gap:6px}.input-wrapper--full{width:100%}.input__label{font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.125rem;transition:color var(--transition)}.input:focus-within~.input__label,.input-wrapper:has(.input:focus-within) .input__label{color:var(--input-color)}.input__required{color:var(--danger);margin-left:.25rem}.input{display:inline-flex;align-items:center;gap:8px;position:relative;transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.input__field{flex:1;font-size:var(--input-size, 1rem);line-height:1.5;color:var(--text);background:transparent;border:none;outline:none;padding:0;min-width:0}.input__field::placeholder{color:var(--muted)}.input__field[type=search]::-webkit-search-cancel-button,.input__field[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.input__field:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.input__icon{flex-shrink:0;color:var(--muted);transition:color var(--transition)}.input:focus-within .input__icon{color:var(--input-color)}.input--disabled .input__icon{opacity:var(--disabled-opacity)}.input--outline{padding:.625rem .875rem;border:var(--border-w-strong) solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--text) 3%,transparent)}.input--outline:hover:not(.input--disabled){border-color:color-mix(in srgb,var(--input-color) 60%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent)}.input--outline:focus-within:not(.input--disabled){border-color:var(--input-color);background:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:var(--focus-ring)}.input--outline.input--error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,transparent)}.input--outline.input--error:focus-within{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.input--filled{padding:.625rem .875rem;border:var(--border-w-strong) solid transparent;border-radius:var(--radius-md);background:color-mix(in srgb,var(--text) 8%,transparent)}.input--filled:hover:not(.input--disabled){background:color-mix(in srgb,var(--input-color) 8%,transparent)}.input--filled:focus-within:not(.input--disabled){background:color-mix(in srgb,var(--input-color) 15%,transparent);box-shadow:var(--focus-ring)}.input--filled.input--error{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.input--filled.input--error:focus-within{background:color-mix(in srgb,var(--danger) 18%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.input--underline{padding:.5rem .25rem;border:var(--border-w-strong) solid transparent;border-bottom:var(--border-w-strong) solid var(--border);border-radius:0;background:transparent}.input--underline:hover:not(.input--disabled){border-bottom-color:color-mix(in srgb,var(--input-color) 70%,transparent)}.input--underline:focus-within:not(.input--disabled){border-bottom-color:var(--input-color);box-shadow:0 1px color-mix(in srgb,var(--input-color) 50%,transparent)}.input--underline.input--error{border-bottom-color:var(--danger)}.input__helper{font-size:.75rem;color:var(--muted);margin-top:.125rem}.input__helper--error{color:var(--danger)}.input--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.input-wrapper--full .input{width:100%}.textarea-wrapper{display:inline-flex;flex-direction:column;gap:8px;min-width:200px}.textarea-wrapper--full{width:100%}.textarea__label{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.5;transition:color var(--transition)}.textarea__required{color:var(--danger);margin-left:.25rem}.textarea-wrapper:has(.textarea:focus-within) .textarea__label{color:var(--textarea-color)}.textarea{position:relative;display:flex;flex-direction:column;font-size:var(--textarea-size, 1rem);transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.textarea--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.textarea__field{width:100%;padding:.75rem;font-size:inherit;font-family:inherit;line-height:1.6;color:var(--text);background:transparent;border:none;outline:none;resize:vertical;min-height:4rem;transition:color var(--transition)}.textarea__field:disabled{cursor:not-allowed;resize:none}.textarea__field::placeholder{color:var(--muted)}.textarea__counter{position:absolute;bottom:8px;right:8px;font-size:.75rem;color:var(--muted);pointer-events:none;transition:color var(--transition)}.textarea:focus-within .textarea__counter{color:color-mix(in srgb,var(--textarea-color) 80%,transparent)}.textarea--outline{background:color-mix(in srgb,var(--text) 3%,transparent);border:var(--border-w-strong) solid var(--border);border-radius:var(--radius-md)}.textarea--outline:hover:not(.textarea--disabled){background:color-mix(in srgb,var(--text) 5%,transparent);border-color:color-mix(in srgb,var(--textarea-color) 60%,transparent)}.textarea--outline:focus-within{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:var(--textarea-color);box-shadow:var(--focus-ring)}.textarea--outline.textarea--error{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.textarea--outline.textarea--error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.textarea--filled{background:color-mix(in srgb,var(--text) 8%,transparent);border:var(--border-w-strong) solid transparent;border-radius:var(--radius-md)}.textarea--filled:hover:not(.textarea--disabled){background:color-mix(in srgb,var(--textarea-color) 8%,transparent)}.textarea--filled:focus-within{background:color-mix(in srgb,var(--textarea-color) 15%,transparent);border-color:color-mix(in srgb,var(--textarea-color) 30%,transparent);box-shadow:var(--focus-ring)}.textarea--filled.textarea--error{background:color-mix(in srgb,var(--danger) 12%,transparent)}.textarea--filled.textarea--error:focus-within{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.textarea--underline{background:transparent;border:none;border-bottom:var(--border-w-strong) solid var(--border);border-radius:0;padding-bottom:.5rem}.textarea--underline .textarea__field{padding-left:0;padding-right:0}.textarea--underline:hover:not(.textarea--disabled){border-bottom-color:color-mix(in srgb,var(--textarea-color) 70%,transparent)}.textarea--underline:focus-within{border-bottom-color:var(--textarea-color);box-shadow:0 2px 4px color-mix(in srgb,var(--textarea-color) 30%,transparent)}.textarea--underline.textarea--error{border-bottom-color:var(--danger)}.textarea--underline.textarea--error:focus-within{border-bottom-color:var(--danger);box-shadow:0 2px 4px color-mix(in srgb,var(--danger) 30%,transparent)}.textarea__helper{font-size:.75rem;color:var(--muted);line-height:1.5}.textarea__helper--error{color:var(--danger)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size, 1rem)}.switch--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.switch--label-left{flex-direction:row-reverse}.switch__input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;width:var(--switch-width, 44px);height:var(--switch-height, 24px);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 8%,transparent);border:1px solid var(--border);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0}.switch__track:hover:not(.switch--disabled .switch__track){background:color-mix(in srgb,var(--text) 12%,transparent);border-color:var(--border-strong)}.switch__input:focus-visible~.switch__track{box-shadow:var(--focus-ring)}.switch__track--checked{background:color-mix(in srgb,var(--switch-color) 20%,transparent);border-color:color-mix(in srgb,var(--switch-color) 50%,transparent)}.switch__track--checked:hover:not(.switch--disabled .switch__track){background:color-mix(in srgb,var(--switch-color) 28%,transparent);border-color:color-mix(in srgb,var(--switch-color) 60%,transparent)}.switch__thumb{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:var(--thumb-size, 1.125rem);height:var(--thumb-size, 1.125rem);border-radius:50%;background:color-mix(in srgb,var(--text) 45%,transparent);transition:left var(--transition),width var(--transition),background var(--transition)}.switch__track--checked .switch__thumb{left:calc(100% - var(--thumb-size, 1.125rem) - 3px);background:var(--switch-color)}.switch:active:not(.switch--disabled) .switch__thumb{width:calc(var(--thumb-size, 1.125rem) * 1.2)}.switch:active:not(.switch--disabled) .switch__track--checked .switch__thumb{left:calc(100% - var(--thumb-size, 1.125rem) * 1.2 - 3px)}.switch__label{color:var(--muted);transition:color var(--transition);line-height:1.4}.switch:hover:not(.switch--disabled) .switch__label{color:var(--text)}.switch__track--checked~.switch__label{color:var(--text)}.radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size, 1rem)}.radio--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.radio__input{position:absolute;opacity:0;pointer-events:none}.radio__circle{position:relative;width:var(--radio-size, 1.25rem);height:var(--radio-size, 1.25rem);border-radius:50%;background:color-mix(in srgb,var(--text) 3%,transparent);border:var(--border-w-strong) solid var(--border);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0;display:flex;align-items:center;justify-content:center}.radio:hover:not(.radio--disabled) .radio__circle{background:color-mix(in srgb,var(--text) 8%,transparent);border-color:var(--border-strong)}.radio__input:focus-visible~.radio__circle{box-shadow:var(--focus-ring)}.radio__circle--checked{background:color-mix(in srgb,var(--radio-color) 15%,transparent);border-color:color-mix(in srgb,var(--radio-color) 80%,transparent)}.radio:hover:not(.radio--disabled) .radio__circle--checked{background:color-mix(in srgb,var(--radio-color) 20%,transparent);border-color:var(--radio-color)}.radio__dot{width:50%;height:50%;border-radius:50%;background:var(--radio-color);transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.radio__circle--checked .radio__dot{transform:scale(1)}.radio__content{display:flex;flex-direction:column;gap:4px}.radio__label{color:var(--text);transition:color var(--transition);line-height:1.5}.radio__description{font-size:.875rem;color:var(--muted);line-height:1.4;transition:color var(--transition)}.radio:hover:not(.radio--disabled) .radio__label{color:var(--text)}.radio__circle--checked~.radio__content .radio__label{color:var(--radio-color)}.radio__circle--checked~.radio__content .radio__description{color:color-mix(in srgb,var(--radio-color) 80%,transparent)}.radio-group-wrapper{display:flex;flex-direction:column;gap:8px}.radio-group__label{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.5}.radio-group__required{color:var(--danger);margin-left:.25rem}.radio-group{display:flex;gap:var(--gap, 12px)}.radio-group--vertical{flex-direction:column}.radio-group--horizontal{flex-direction:row;flex-wrap:wrap}.radio-group__helper{font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:-.25rem}.radio-group__helper--error{color:var(--danger)}.select-wrapper{display:inline-flex;flex-direction:column;gap:8px;min-width:200px}.select-wrapper--full{width:100%}.select__label{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.5;transition:color var(--transition)}.select__required{color:var(--danger);margin-left:.25rem}.select-wrapper:has(.select:focus-within) .select__label{color:var(--select-color)}.select{position:relative;display:flex;align-items:center;gap:8px;font-size:var(--select-size, 1rem);transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.select--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.select__field{flex:1;padding:.625rem 2.5rem .625rem .875rem;font-size:inherit;font-family:inherit;line-height:1.5;color:var(--text);background:transparent;border:none;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select__field:disabled{cursor:not-allowed}.select__field option{background:var(--surface);color:var(--text);padding:.5rem}.select__field option:disabled{color:var(--muted)}.select__icon{position:absolute;right:8px;pointer-events:none;color:var(--muted);transition:color var(--transition),transform var(--transition)}.select:focus-within .select__icon{color:var(--select-color);transform:rotate(180deg)}.select--outline{background:color-mix(in srgb,var(--text) 3%,transparent);border:var(--border-w-strong) solid var(--border);border-radius:var(--radius-md)}.select--outline:hover:not(.select--disabled){background:color-mix(in srgb,var(--text) 5%,transparent);border-color:color-mix(in srgb,var(--select-color) 60%,transparent)}.select--outline:focus-within{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:var(--select-color);box-shadow:var(--focus-ring)}.select--outline.select--error{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.select--outline.select--error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.select--filled{background:color-mix(in srgb,var(--text) 8%,transparent);border:var(--border-w-strong) solid transparent;border-radius:var(--radius-md)}.select--filled:hover:not(.select--disabled){background:color-mix(in srgb,var(--select-color) 8%,transparent)}.select--filled:focus-within{background:color-mix(in srgb,var(--select-color) 15%,transparent);border-color:color-mix(in srgb,var(--select-color) 30%,transparent);box-shadow:var(--focus-ring)}.select--filled.select--error{background:color-mix(in srgb,var(--danger) 12%,transparent)}.select--filled.select--error:focus-within{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 30%,transparent)}.select--underline{background:transparent;border:none;border-bottom:var(--border-w-strong) solid var(--border);border-radius:0;padding-bottom:.5rem}.select--underline .select__field{padding-left:0}.select--underline:hover:not(.select--disabled){border-bottom-color:color-mix(in srgb,var(--select-color) 70%,transparent)}.select--underline:focus-within{border-bottom-color:var(--select-color);box-shadow:0 2px 4px color-mix(in srgb,var(--select-color) 30%,transparent)}.select--underline.select--error{border-bottom-color:var(--danger)}.select--underline.select--error:focus-within{border-bottom-color:var(--danger);box-shadow:0 2px 4px color-mix(in srgb,var(--danger) 30%,transparent)}.select__helper{font-size:.75rem;color:var(--muted);line-height:1.5}.select__helper--error{color:var(--danger)}.slider-wrapper{display:inline-flex;flex-direction:column;gap:12px}.slider-wrapper--horizontal{width:100%;max-width:25rem}.slider-wrapper--with-marks.slider-wrapper--horizontal{padding-inline:2em;max-width:29rem}.slider-wrapper--vertical{height:200px;width:auto}.slider__label{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.5;display:flex;align-items:center;gap:8px}.slider__value-label{font-weight:600;color:var(--slider-color)}.slider{position:relative;display:flex;align-items:center;font-size:var(--slider-size, 1rem)}.slider--horizontal{width:100%;height:calc(var(--slider-thumb-size) * 1.5)}.slider--vertical{flex-direction:column;width:calc(var(--slider-thumb-size) * 1.5);height:100%}.slider--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.slider__track{position:absolute;background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius-pill);overflow:hidden}.slider--horizontal .slider__track{width:100%;height:6px;top:50%;transform:translateY(-50%)}.slider--vertical .slider__track{height:100%;width:6px;left:50%;transform:translate(-50%)}.slider__filled{background:var(--slider-color);height:100%;width:100%;transition:width var(--transition),height var(--transition)}.slider--horizontal .slider__filled{width:var(--slider-percentage)}.slider--vertical .slider__filled{height:var(--slider-percentage);position:absolute;bottom:0}.slider__input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}.slider--vertical .slider__input{width:100%;height:100%;writing-mode:vertical-lr;direction:rtl;appearance:auto}.slider--disabled .slider__input{cursor:not-allowed}.slider__thumb{position:absolute;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-color);border:3px solid var(--surface);border-radius:50%;box-shadow:var(--shadow-1);transition:background var(--transition),box-shadow var(--transition),transform var(--transition);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.slider__input:focus-visible~.slider__thumb{box-shadow:var(--focus-ring)}.slider--horizontal .slider__thumb{left:var(--slider-percentage);top:50%;transform:translate(-50%,-50%)}.slider--vertical .slider__thumb{bottom:var(--slider-percentage);left:50%;transform:translate(-50%,50%)}.slider:hover .slider__thumb,.slider--dragging .slider__thumb{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-2)}.slider--vertical:hover .slider__thumb,.slider--vertical.slider--dragging .slider__thumb{transform:translate(-50%,50%) scale(1.1)}.slider__value{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--on-primary);background:color-mix(in srgb,var(--slider-color) 90%,transparent);padding:.25rem .5rem;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition)}.slider:hover .slider__value,.slider--dragging .slider__value{opacity:1}.slider--vertical .slider__value{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.slider--with-marks.slider--horizontal{margin-bottom:2.5em}.slider__marks{position:absolute;width:100%;height:100%;pointer-events:none}.slider__mark{position:absolute;display:flex;flex-direction:column;align-items:center}.slider--horizontal .slider__mark{top:50%;transform:translate(-50%)}.slider--vertical .slider__mark{left:50%;transform:translateY(50%);flex-direction:row;gap:8px}.slider__mark-dot{width:8px;height:8px;background:color-mix(in srgb,var(--text) 60%,transparent);border-radius:50%;margin-bottom:.25rem}.slider--vertical .slider__mark-dot{margin-bottom:0;margin-right:.25rem}.slider__mark-label{font-size:12px;color:var(--muted);white-space:nowrap;margin-top:.5rem}.slider--vertical .slider__mark-label{margin-top:0;margin-left:.5rem}.slider__helper{font-size:.75rem;color:var(--muted);line-height:1.5}.dropdown{position:relative;display:inline-block}.dropdown__trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.dropdown__trigger--disabled{cursor:not-allowed;opacity:var(--disabled-opacity);pointer-events:none}.dropdown__content{position:fixed;z-index:var(--z-dropdown);background:color-mix(in srgb,var(--surface) 90%,transparent);border:var(--border-w-strong) solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--dropdown-size);min-width:150px;max-width:300px;animation:dropdown-fade-in var(--transition);overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown__content--top{transform-origin:bottom center}.dropdown__content--bottom{transform-origin:top center}.dropdown__content--left{transform-origin:right center}.dropdown__content--right{transform-origin:left center}.dropdown__item{padding:.75rem 1rem;cursor:pointer;transition:background var(--transition);border-bottom:var(--border-w) solid var(--border)}.dropdown__item:last-child{border-bottom:none}.dropdown__item:hover{background:color-mix(in srgb,var(--dropdown-color) 15%,transparent)}.dropdown__item:active{background:color-mix(in srgb,var(--dropdown-color) 25%,transparent)}.dropdown__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.dropdown__item--disabled{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}.accordion{font-size:var(--accordion-size);border:var(--border-w-strong) solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--text) 3%,transparent)}.accordion__item{border-bottom:var(--border-w) solid var(--border)}.accordion__item:last-child{border-bottom:none}.accordion__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition);background:transparent}.accordion__header:hover{background:color-mix(in srgb,var(--accordion-color) 8%,transparent)}.accordion__header:active{background:color-mix(in srgb,var(--accordion-color) 12%,transparent)}.accordion__header:focus-visible{box-shadow:var(--focus-ring);outline:none}.accordion__item--active .accordion__header{background:color-mix(in srgb,var(--accordion-color) 10%,transparent);border-bottom:var(--border-w) solid color-mix(in srgb,var(--accordion-color) 30%,transparent)}.accordion__header-content{flex:1;font-weight:500}.accordion__icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;transition:transform var(--transition);color:var(--muted)}.accordion__icon--active{transform:rotate(180deg);color:var(--accordion-color)}.accordion__content{display:none}.accordion__content--active{display:block}.accordion__content-inner{padding:1rem 1.25rem;color:var(--text);line-height:1.6}.accordion__item--disabled{opacity:var(--disabled-opacity);pointer-events:none}.accordion__item--disabled .accordion__header{cursor:not-allowed}.tabs{font-size:var(--tabs-size)}.tabs__header{display:flex;flex-wrap:wrap;gap:8px;position:relative}.tabs .tabs__header .tabs__tab{color:var(--muted)}.tabs .tabs__header .tabs__tab--active{color:var(--tabs-color)}.tabs__separator{width:1px;height:1.25rem;background:color-mix(in srgb,var(--text) 15%,transparent);margin:auto .25rem;flex-shrink:0}.tabs--line .tabs__tab{border-bottom:2px solid var(--border)}.tabs--line .tabs__tab--active{border-bottom-color:var(--tabs-color)}.tabs--card .tabs__header{gap:0;border-bottom:var(--border-w-strong) solid var(--border)}.tabs--card .tabs__tab{background:color-mix(in srgb,var(--text) 3%,transparent);border:var(--border-w-strong) solid var(--border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:-.09375rem}.tabs--card .tabs__tab:not(:first-child){margin-left:-.09375rem}.tabs--card .tabs__tab:hover:not(.tabs__tab--disabled){background:color-mix(in srgb,var(--text) 5%,transparent)}.tabs--card .tabs__tab--active{background:color-mix(in srgb,var(--tabs-color) 10%,transparent);border-color:color-mix(in srgb,var(--tabs-color) 30%,transparent);border-bottom-color:transparent;z-index:1}.tabs--pill .tabs__header{background:color-mix(in srgb,var(--text) 5%,transparent);padding:.25rem;border-radius:var(--radius-pill);gap:4px}.tabs--pill .tabs__tab{border-radius:var(--radius-pill);padding:.5rem 1.25rem}.tabs--pill .tabs__tab:hover:not(.tabs__tab--disabled){background:color-mix(in srgb,var(--text) 8%,transparent)}.tabs--pill .tabs__tab--active{background:color-mix(in srgb,var(--tabs-color) 20%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tabs-color) 30%,transparent)}.tabs--toolpage .tabs__tab{border-bottom:2px solid var(--border)}.tabs--toolpage .tabs__tab--active{border-bottom-color:var(--tabs-color)}.tabs--toolpage .tabs__separator{height:1.5rem;background:color-mix(in srgb,var(--text) 20%,transparent);margin:auto .5rem}.tabs__content{position:relative;padding:1.5rem 0}.tabs__panel{display:none;animation:tabs-fade-in .2s ease-out}.tabs__panel--active{display:block}@keyframes tabs-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs--card .tabs__content{border:var(--border-w-strong) solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:1.5rem;background:color-mix(in srgb,var(--text) 2%,transparent)}.segmented-control{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;border-radius:var(--radius-md);padding:.1875rem;background:color-mix(in srgb,var(--text) 6%,transparent);border:var(--border-w) solid var(--border)}.segmented-control--full{width:100%}.segmented-control--disabled{opacity:var(--disabled-opacity);pointer-events:none}.segmented-control__tile{position:absolute;top:3px;bottom:3px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--sc-color) 18%,transparent);border:var(--border-w) solid color-mix(in srgb,var(--sc-color) 45%,transparent);box-shadow:var(--shadow-1);width:calc((100% - 6px) / var(--sc-count));left:calc(3px + var(--sc-active-index) * (100% - 6px) / var(--sc-count));transition:left .22s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.segmented-control__segment{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:.3125rem .875rem;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--sc-size, .875rem);font-weight:400;color:var(--muted);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--transition)}.segmented-control__segment:hover:not(.segmented-control__segment--active):not(.segmented-control__segment--disabled){color:var(--text)}.segmented-control__segment:focus-visible{outline:none;box-shadow:var(--focus-ring)}.segmented-control__segment--active{color:var(--sc-color)}.segmented-control__segment--disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.segmented-control__icon{flex-shrink:0}.navtab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.5625rem .875rem;font-size:1rem;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:none;color:var(--muted);transition:color var(--transition),background-color var(--transition),border-color var(--transition);cursor:pointer;-webkit-user-select:none;user-select:none}.navtab:hover{color:var(--text)}.navtab:focus-visible{box-shadow:var(--focus-ring);outline:none}.navtab__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.navtab__content{display:inline-flex;align-items:center}.navtab--line{position:relative;border-bottom:2px solid transparent;padding-bottom:.4375rem}.navtab--line:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--navtab-color);transform:scaleX(0);transition:transform var(--transition);opacity:1}.navtab--line:hover:after{transform:scaleX(1);opacity:.45}.navtab--line.navtab--active{color:var(--navtab-color)}.navtab--line.navtab--active:after{transform:scaleX(1);opacity:1}.navtab--pill{border-radius:var(--radius-pill);background-color:transparent}.navtab--pill:hover{background-color:color-mix(in srgb,var(--navtab-color) 10%,transparent)}.navtab--pill.navtab--active{background-color:color-mix(in srgb,var(--navtab-color) 15%,transparent);color:var(--navtab-color)}.navtab--card{border-radius:var(--radius-md);background-color:transparent;border:var(--border-w-strong) solid transparent}.navtab--card:hover{background-color:color-mix(in srgb,var(--navtab-color) 5%,transparent);border-color:color-mix(in srgb,var(--navtab-color) 20%,transparent)}.navtab--card.navtab--active{background-color:color-mix(in srgb,var(--navtab-color) 10%,transparent);border-color:var(--navtab-color);color:var(--navtab-color)}.navtab--plain{background-color:transparent;border:none}.navtab--plain.navtab--active{color:var(--navtab-color)}.navtab--icon{padding:.5625rem;border-radius:var(--radius-xs);background-color:transparent}.navtab--icon:hover{background-color:color-mix(in srgb,var(--navtab-color) 10%,transparent)}.navtab--icon.navtab--active{background-color:color-mix(in srgb,var(--navtab-color) 15%,transparent);color:var(--navtab-color)}.search-bar__input{flex:1;min-width:0}.search-bar__input .input__field{padding-right:1.75rem}.search-bar__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--muted);opacity:var(--dim-opacity);transition:opacity var(--transition),color var(--transition);z-index:1}.search-bar__clear:hover:not(:disabled){opacity:1;color:var(--text)}.search-bar__clear--empty{opacity:var(--faint-opacity);cursor:default}.search-bar__clear:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm);opacity:1;color:var(--text)}.search-bar__button{flex-shrink:0}@media(max-width:480px){.search-bar__button span:not(.icon){display:none}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modal-fade-in var(--transition)}.modal{position:relative;width:100%;overflow-y:auto;animation:modal-slide-in var(--transition-slow);cursor:default;border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.modal-header{padding:.75rem;position:sticky;top:0;z-index:1}.modal-content{padding:0 1.5rem 1.5rem}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.modal{padding:1.25rem;max-width:100%!important}.modal-overlay{padding:.75rem}}.confirm-dialog .modal-content{padding-top:1.5rem}@media(max-width:360px){.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__actions>button{width:100%}}.empty-state__icon{color:color-mix(in srgb,var(--empty-state-color, var(--muted)) 60%,transparent);margin-bottom:.75rem}.copy-box{background:color-mix(in srgb,var(--text) 4%,transparent);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);padding:.5rem .5rem .5rem .75rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;color:var(--text);width:fit-content;max-width:100%;transition:background var(--transition),color var(--transition),transform var(--transition)}.copy-box:hover{background:color-mix(in srgb,var(--text) 6%,transparent);border-color:var(--border-strong)}.copy-box__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0;-webkit-user-select:all;user-select:all}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:var(--z-backtotop);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-slow),visibility var(--transition-slow),transform var(--transition-slow)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);cursor:pointer;box-shadow:var(--shadow-2);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.back-to-top__button:hover{background:color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:var(--shadow-3);transform:translateY(-2px)}.back-to-top__button:active{background:color-mix(in srgb,var(--primary) 30%,transparent);transform:translateY(0);box-shadow:none}.back-to-top__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.control-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm)}.control-panel__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.control-panel__icon{color:var(--primary);flex-shrink:0;font-size:var(--fs-h3)}.control-panel__chevron{color:var(--muted);flex-shrink:0;transition:transform var(--transition),color var(--transition)}.control-panel__chevron--open{transform:rotate(180deg)}.control-panel__header:hover .control-panel__chevron{color:var(--text)}.control-group{padding:12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 5%,transparent);border:var(--border-w) solid var(--border)}