:root{--hue: 300;--rhw: 16rem;--fnt: "Roboto", sans-serif;--tra: .2s ease-in-out}@media (prefers-reduced-motion){:root{--tra: 0}}:root{color-scheme:light dark;--hut: calc(var(--hue) + 60);--primary: light-dark(oklch(.5 .1 var(--hue)), oklch(.8 .1 var(--hue)));--on-primary: light-dark(oklch( 1 0 var(--hue)), oklch(.3 .1 var(--hue)));--primary-container: light-dark(oklch(.9 .05 var(--hue)), oklch(.4 .1 var(--hue)));--on-primary-container: light-dark(oklch(.2 .1 var(--hue)), oklch(.9 .05 var(--hue)));--secondary: light-dark(oklch(.5 .04 var(--hue)), oklch(.8 .04 var(--hue)));--on-secondary: light-dark(oklch( 1 0 var(--hue)), oklch(.3 .04 var(--hue)));--secondary-container: light-dark(oklch(.9 .04 var(--hue)), oklch(.4 .03 var(--hue)));--on-secondary-container: light-dark(oklch(.2 .04 var(--hue)), oklch(.9 .04 var(--hue)));--tertiary: light-dark(oklch(.5 .06 var(--hut)), oklch(.8 .07 var(--hut)));--on-tertiary: light-dark(oklch( 1 0 var(--hut)), oklch(.3 .06 var(--hut)));--tertiary-container: light-dark(oklch(.9 .05 var(--hut)), oklch(.4 .06 var(--hut)));--on-tertiary-container: light-dark(oklch(.2 .05 var(--hut)), oklch(.9 .05 var(--hut)));--error: light-dark(oklch(.5 .16 28), oklch(.8 .16 28));--on-error: light-dark(oklch( 1 0 28), oklch(.3 .16 28));--error-container: light-dark(oklch(.9 .08 28), oklch(.4 .16 28));--on-error-container: light-dark(oklch(.2 .16 28), oklch(.9 .08 28));--surface: light-dark(oklch(.98 .01 var(--hue)), oklch(.19 .01 var(--hue)));--on-surface: light-dark(oklch(.23 .01 var(--hue)), oklch(.91 .01 var(--hue)));--surface-variant: light-dark(oklch(.92 .02 var(--hue)), oklch(.4 .02 var(--hue)));--on-surface-variant: light-dark(oklch(.4 .02 var(--hue)), oklch(.83 .02 var(--hue)));--surface-container-high: light-dark(oklch(.93 .02 var(--hue)), oklch(.29 .01 var(--hue)));--surface-container: light-dark(oklch(.95 .02 var(--hue)), oklch(.24 .01 var(--hue)));--surface-container-low: light-dark(oklch(.96 .02 var(--hue)), oklch(.22 .01 var(--hue)));--background: var(--surface);--on-background: var(--on-surface);--outline: light-dark(oklch(.57 .02 var(--hue)), oklch(.66 .01 var(--hue)));--outline-variant: light-dark(oklch(.83 .02 var(--hue)), oklch(.4 .02 var(--hue)));--inverse-surface: light-dark(oklch(.31 .01 var(--hue)), oklch(.91 .01 var(--hue)));--inverse-on-surface: light-dark(oklch(.96 .01 var(--hue)), oklch(.31 .01 var(--hue)));--inverse-primary: light-dark(oklch(.83 .09 var(--hue)), oklch(.5 .13 var(--hue)));--disabled12on38: color-mix(in oklch, var(--on-surface) 32%, transparent)}:root{--ele0: #7F7F7F00 0 0 0 0;--ele1: #7F7F7F33 0 .125rem .0625rem -.0625rem, #7F7F7F24 0 .0625rem .0625rem 0, #7F7F7F1E 0 .0625rem .1875rem 0;--ele2: #7F7F7F33 0 .1875rem .1875rem -.125rem, #7F7F7F24 0 .1875rem .25rem 0, #7F7F7F1E 0 .0625rem .5rem 0;--ele3: #7F7F7F33 0 .1875rem .3125rem -.0625rem, #7F7F7F24 0 .375rem .625rem 0, #7F7F7F1E 0 .0625rem 1.125rem 0}:root{--display-l: 400 3.5625rem/4rem var(--fnt);--display-m: 400 2.8125rem/3.25rem var(--fnt);--display-s: 400 2.25rem/2.75rem var(--fnt);--headline-l: 400 2rem/2.5rem var(--fnt);--headline-m: 400 1.75rem/2.25rem var(--fnt);--headline-s: 400 1.5rem/2rem var(--fnt);--title-l: 400 1.375rem/1.75rem var(--fnt);--title-m: 500 1rem/1.5rem var(--fnt);--title-s: 500 .875rem/1.25rem var(--fnt);--body-l: 400 1rem/1.5rem var(--fnt);--body-m: 400 .875rem/1.25rem var(--fnt);--body-s: 400 .75rem/1rem var(--fnt);--label-l: 500 .875rem/1.25rem var(--fnt);--label-m: 500 .75rem/1rem var(--fnt);--label-s: 500 .6875rem/1rem var(--fnt);--main: max(1rem, calc(50vw - var(--rhw)))}body{background-color:var(--background);color:var(--on-background);font:var(--body-m);margin:0}main{margin-inline:var(--main)}main>*,main>form>*{margin-block:.5rem}:is(main>*,main>form>*):is(fieldset){margin-block:0}main h1{font:var(--display-l)}main h2{font:var(--display-m)}main h3{font:var(--headline-l)}main h4{font:var(--headline-s)}main h5{font:var(--title-m)}main h6{font:var(--body-l)}main>.cards,main>.table{margin-inline:max(-16rem,calc(1rem - var(--main)))}p{text-align:justify}hr{border:none;border-top:.0625rem solid var(--outline-variant)}form{display:contents}:is(a,button,label:has(input,textarea,select)>span):before,:is(a,button,label:has(input,textarea,select)>span):after{-webkit-mask-size:contain;mask-size:contain;mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content-visibility:hidden}:is(a,button,label:has(input,textarea,select)>span):before{content:var(--icon, none);-webkit-mask-image:var(--icon, none);mask-image:var(--icon, none)}:is(a,button,label:has(input,textarea,select)>span):after{content:var(--icon2, none);-webkit-mask-image:var(--icon2, none);mask-image:var(--icon2, none)}header{--color: var(--on-surface);position:sticky;top:0;z-index:2;background-color:var(--surface-container);color:var(--color);height:4rem;padding-inline:var(--main);display:flex;align-items:center;gap:1.5rem}header h1{font:var(--title-l);flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}header>a,header>button,header>[popover]>a{width:1.5rem;aspect-ratio:1;padding:.5rem;border-radius:100%;margin-inline:-.5rem;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.5rem;transition:background-color var(--tra);border:none;background-color:transparent;box-sizing:content-box}:is(header>a,header>button,header>[popover]>a):before{display:block;height:100%;background-color:var(--color);margin-bottom:1rem}:is(header>a,header>button,header>[popover] a):hover{background-color:color-mix(in oklch,var(--color) 8%,transparent)}:is(header>a,header>button,header>[popover] a):focus,:is(header>a,header>button,header>[popover] a):active{background-color:color-mix(in oklch,var(--color) 10%,transparent)}header>:popover-open{width:16rem;padding:.75rem 1rem;border-radius:.75rem;background-color:var(--surface-container);color:var(--color);border:none}header>:popover-open>strong{font:var(--title-s);margin:0 0 .25rem}header>:popover-open p{font:var(--body-m);margin:0 0 .75rem}header>:popover-open>a{position:absolute;top:1rem;right:1.5rem}@supports (animation-timeline: scroll()){header{animation:sticky-header .2s ease-in-out forwards;animation-timeline:scroll();animation-range:0 1px}@keyframes sticky-header{0%{background-color:transparent}}}nav{position:sticky;bottom:0;z-index:2;background-color:var(--surface-container);color:var(--on-surface);padding-inline:var(--main);margin-block-start:auto;display:flex;align-items:center;gap:.5rem;justify-content:space-between}nav ul{display:contents}nav ul li{display:contents;list-style:none}nav ul li a{--color: var(--on-surface-variant);--background-color: transparent;display:inline-grid;gap:.25rem;margin-block:.75rem 1rem;align-items:center;justify-items:center;flex:1;color:var(--color);text-decoration:none}nav ul li a:before,nav ul li a:after{content:"";display:inline-block;grid-area:1/1}nav ul li a:before{width:1.5rem;aspect-ratio:1;background-color:var(--color)}nav ul li a:after{width:4rem;height:2rem;border-radius:1rem;background-color:var(--background-color);z-index:-1}nav ul li a:hover:after{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 8%,transparent)}:is(nav ul li a:focus,nav ul li a:active):after{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 10%,transparent)}nav ul li a[href="."],nav ul li a[active]{--color: var(--on-surface);--background-color: var(--secondary-container)}nav ul li a span{display:inline-block;height:1rem;min-width:1rem;border-radius:.5rem;background-color:var(--error);color:var(--on-error);grid-area:1/1;transform:translate(.75rem,-.75rem);font:var(--label-s);text-align:center;padding-inline:.25rem;box-sizing:border-box}nav ul li a span:empty{height:.375rem;min-width:.375rem;padding-inline:0}body:has(nav){display:flex;flex-direction:column;min-height:100vh}dialog{top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--surface-container);color:var(--on-surface);padding:1.5rem;border-radius:1.75rem;min-width:17.5rem;max-width:35rem;margin:0;border:none}dialog[open=noscript]{z-index:3;outline:100vmax solid oklch(0 0 0 / .4)}dialog>*{margin:0 0 1rem}dialog>img{height:1.5rem}dialog>img+h2{text-align:center}dialog>h2{font:var(--headline-s)}dialog>p{font:var(--body-m);color:var(--on-surface-variant)}dialog>fieldset:last-child{flex-direction:row-reverse;margin-top:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));justify-content:center;grid-gap:.5rem;margin:1rem 0}.cards>*{--color: var(--on-surface);display:flex;flex-direction:column;gap:.5rem;background-color:var(--surface);color:var(--color);box-sizing:border-box;border:.0625rem solid var(--outline-variant);border-radius:.75rem;transition:box-shadow var(--tra)}.cards>*:hover{box-shadow:inset 0 100vw color-mix(in oklch,var(--color) 8%,transparent),var(--ele1)}.cards>*:focus-within{box-shadow:inset 0 100vw color-mix(in oklch,var(--color) 10%,transparent)}.cards>*>*{margin-inline:1rem;margin-block:0}.cards>*>*:first-child{margin-block-start:.5rem}.cards>*>*:last-child{margin-block-end:.5rem}.cards>*>img,.cards>*>svg,.cards>*>hgroup>*{margin:0}.cards>* h3,.cards>* h2{font:var(--title-l);margin-top:.5rem}.cards>* hgroup p{font:var(--body-s)}.cards>*>fieldset:last-child{margin-block-start:auto}fieldset{border:none;margin:-.5rem -1rem;padding:.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto;contain:inline-size;transform:translate(0)}fieldset a,fieldset button{display:inline-flex;align-items:center;box-sizing:border-box;height:2.5rem;border-radius:1.25rem;padding-inline:1.5rem;font:var(--label-l);text-decoration:none;border:none;color:var(--color)}:is(fieldset a,fieldset button):before{display:inline-block;width:1.125rem;height:1.125rem;margin-inline:-.5rem .5rem}:is(fieldset a,fieldset button).outlined{border:.0625rem solid var(--outline);padding-inline:1.4375rem}:is(fieldset a,fieldset button):not(:disabled){background-color:transparent;--color: var(--primary);--ele: var(--ele0);transition:box-shadow var(--tra);box-shadow:inset 0 4rem transparent,var(--ele)}:is(fieldset a,fieldset button):not(:disabled).outlined:focus:not(:active){border-color:var(--color)}:is(fieldset a,fieldset button):not(:disabled).tonal{background-color:var(--secondary-container);--color: var(--on-secondary-container)}:is(fieldset a,fieldset button):not(:disabled).tonal:hover{--ele: var(--ele1)}:is(fieldset a,fieldset button):not(:disabled).filled{background-color:var(--primary);--color: var(--on-primary)}:is(fieldset a,fieldset button):not(:disabled).filled:hover{--ele: var(--ele1)}:is(fieldset a,fieldset button):not(:disabled).elevated{background-color:var(--surface-container);--ele: var(--ele1)}:is(fieldset a,fieldset button):not(:disabled).elevated:hover:not(:focus):not(:active){--ele: var(--ele2)}:is(fieldset a,fieldset button):not(:disabled):hover{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 8%,transparent),var(--ele)}:is(fieldset a,fieldset button):not(:disabled):focus,:is(fieldset a,fieldset button):not(:disabled):active{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 10%,transparent),var(--ele)}:is(fieldset a,fieldset button):disabled{opacity:.38;cursor:not-allowed;--color: var(--on-surface);border-color:var(--disabled12on38)}:is(fieldset a,fieldset button):disabled.elevated,:is(fieldset a,fieldset button):disabled.filled,:is(fieldset a,fieldset button):disabled.tonal{background-color:var(--disabled12on38)}:is(fieldset a,fieldset button):before{background-color:var(--color)}:is(fieldset a,fieldset button):not(.elevated):not(.filled):not(.tonal):not(.outlined){padding-inline:1rem}:is(fieldset a,fieldset button):not(.elevated):not(.filled):not(.tonal):not(.outlined):not([style]):not([class]){padding-inline:.75rem}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span){--border-color: var(--outline);--border-width: .0625rem;--border: var(--border-width) solid var(--border-color);--move: .6875rem;--min: minmax(calc(.75rem - var(--border-width)), auto);--icon-color: var(--on-surface-variant);display:grid;grid-template:"b span a a" calc(1rem - var(--border-width)) "icon input input icon2" auto / var(--min) auto 1fr var(--min);gap:0 .25rem;border:var(--border-width) solid transparent;border-bottom-color:var(--border-color);border-radius:.25rem;padding-bottom:var(--move);margin-block:calc(1rem - var(--move)) 1rem}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>span{display:contents;font:var(--body-s);color:var(--border-color);transition:color var(--tra)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>span:before,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>span:after{display:inline-block;width:1.5rem;aspect-ratio:1;background-color:var(--icon-color);margin:0 .75rem calc(1rem - var(--border-width));transform:translateY(var(--move))}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>span:before{grid-area:icon;margin-left:calc(.75rem - var(--border-width))}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>span:after{grid-area:icon2;margin-right:calc(.75rem - var(--border-width))}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>input,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>textarea,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>select{grid-area:input;font:var(--body-l);color:var(--on-surface);caret-color:var(--primary);margin:0;padding:0 0 calc(1rem - var(--border-width));transform:translateY(var(--move));outline:none;border:none;background-color:transparent}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):before,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):after{content:"";display:block;min-height:3.5rem;box-sizing:border-box;border:var(--border);border-bottom-color:transparent;margin-block:calc(-1 * var(--border-width));grid-row:1 / span 2!important;z-index:-1;transform:translateY(var(--move));transition:border-color var(--tra)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):before{grid-area:b;border-right:none;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;margin-left:calc(-1 * var(--border-width))}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):after{grid-area:a;border-left:none;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;margin-right:calc(-1 * var(--border-width))}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):hover{--border-color: var(--on-surface)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):focus-within{--border-color: var(--primary);--border-width: .125rem;--move: .75rem;border-top-width:.0625rem;padding-bottom:.75rem}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid){--border-color: var(--error);--icon-color: var(--border-color)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid)>input,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid)>textarea,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid)>select{caret-color:var(--error)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid) span:before{background-color:var(--on-surface-variant)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:user-invalid,>textarea:user-invalid,>select:user-invalid):hover:not(:focus-within){--border-color: var(--on-error-container)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within){border-top-color:var(--border-color);grid-template-rows:calc(3.5rem - 2*var(--border-width)) 0;align-items:center;padding-bottom:0;margin-block:1.1875rem 1rem}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within)>input{color:transparent;transform:translateY(-1.25rem)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within):before,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within):after{transform:none}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within)>span{font:var(--body-l)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within)>span:before,label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input[required]:not([type=color]):not([type=file]):invalid:not(:user-invalid)):not(:focus-within)>span:after{transform:translateY(-1.25rem)}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span):has(>input:disabled,>textarea:disabled,>select:disabled){--border-color: var(--disabled12on38);--icon-color: var(--on-surface);opacity:.38}label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span)>textarea{resize:vertical}@supports not (-moz-appearance: none){label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span) input[type=date],label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span) input[type=datetime-local],label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span) input[type=month],label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span) input[type=time],label:has(>input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),>textarea,>select):has(>span) input[type=week]{padding-bottom:0;margin-bottom:.75rem}}label:has(>input[type=range]){display:flex;flex-direction:column}label:has(>input[type=range])>input[type=range]{appearance:none;background-color:transparent;padding:1.25rem 0;margin:0;width:100%;box-sizing:border-box;cursor:pointer;--active: var(--primary);--inactive: var(--secondary-container);--ele: var(--ele1)}label:has(>input[type=range])>input[type=range]+span{font:var(--label-m);order:-1}label:has(>input[type=range])>input[type=range]:disabled{--active: color-mix(in oklch, var(--on-surface) 38%, transparent);--inactive: color-mix(in oklch, var(--surface-variant) 38%, transparent);--ele: var(--ele0)}label:has(>input[type=range])>input[type=range]::-webkit-slider-runnable-track{background:var(--inactive);height:1rem;border-radius:.5rem}label:has(>input[type=range])>input[type=range]::-webkit-slider-thumb{background:var(--background);height:2.75rem;width:.25rem;border-radius:.125rem;outline:.375rem solid var(--background);box-shadow:inset 0 4rem var(--active),var(--ele);border:none;appearance:none;margin-top:-.875rem}label:has(>input[type=range])>input[type=range]::-moz-range-track{background:var(--inactive);height:1rem;border-radius:.5rem}label:has(>input[type=range])>input[type=range]::-moz-range-progress{background-color:var(--active);height:1rem;border-radius:.5rem}label:has(>input[type=range])>input[type=range]::-moz-range-thumb{background:var(--background);height:2.75rem;width:.25rem;border-radius:.125rem;outline:.375rem solid var(--background);box-shadow:inset 0 4rem var(--active),var(--ele);border:none}progress,meter{height:.25rem;width:100%;border:none;background:var(--secondary-container);border-radius:.125rem;overflow:hidden}:is(progress,meter)::-webkit-meter-bar,:is(progress,meter)::-webkit-progress-bar{height:1rem;background:var(--secondary-container);transform:scale(1.005,64)}:is(progress,meter)::-webkit-meter-optimum-value,:is(progress,meter)::-webkit-progress-value{background:var(--primary);border-radius:.125rem;box-shadow:.25rem 0 0 var(--background)}:is(progress,meter)::-moz-meter-bar,:is(progress,meter)::-moz-progress-bar{background:var(--primary);border-radius:.125rem;box-shadow:.25rem 0 0 var(--background)}.switches{flex-direction:column}.switches label{display:grid;grid-template-columns:1fr auto;align-items:center}.switches label>*{grid-column:1}.switches label>input{grid-area:1 / 2 / -1;display:grid;grid-template-rows:min-content;align-content:center;align-items:center;height:2rem;width:3.25rem;border-radius:1rem;margin:0;padding-inline:.9375rem;box-sizing:border-box;appearance:none;cursor:pointer;transition:all var(--tra);--surface-container-highest: var(--surface-container-high);--track: var(--surface-container-highest);--handle: var(--outline);--fill: var(--surface-container-highest);--border: var(--outline);--ele: var(--ele1);border:.0625rem solid var(--border);background-color:var(--track)}.switches label>input:checked{--track: var(--primary);--handle: var(--on-primary);--fill: var(--on-primary-container);--border: var(--track)}.switches label>input:checked:before,.switches label>input:checked:after{margin-inline:1.25rem 0}.switches label>input:not(:disabled):hover,.switches label>input:not(:disabled):focus,.switches label>input:not(:disabled):active{--handle: var(--on-surface-variant);--state: var(--on-surface)}:is(.switches label>input:not(:disabled):hover,.switches label>input:not(:disabled):focus,.switches label>input:not(:disabled):active):checked{--handle: var(--primary-container);--state: var(--primary)}:is(.switches label>input:not(:disabled):hover,.switches label>input:not(:disabled):focus,.switches label>input:not(:disabled):active):hover:before{box-shadow:inset 0 4rem color-mix(in oklch,var(--state) 8%,transparent),var(--ele);outline:.5rem solid color-mix(in oklch,var(--state) 8%,transparent)}:is(.switches label>input:not(:disabled):hover,.switches label>input:not(:disabled):focus,.switches label>input:not(:disabled):active):focus:before,:is(.switches label>input:not(:disabled):hover,.switches label>input:not(:disabled):focus,.switches label>input:not(:disabled):active):active:before{box-shadow:inset 0 4rem color-mix(in oklch,var(--state) 10%,transparent),var(--ele);outline:.5rem solid color-mix(in oklch,var(--state) 10%,transparent)}.switches label>input:disabled{--track: color-mix(in oklch, var(--on-surface) 12%, transparent);--handle: color-mix(in oklch, var(--surface) 38%, transparent);--fill: color-mix(in oklch, var(--on-surface) 38%, transparent);--border: var(--fill);--ele: var(--ele1)}.switches label>input:disabled:not(:checked){--track: color-mix(in oklch, var(--surface-container-highest) 12%, transparent);--handle: color-mix(in oklch, var(--on-surface) 38%, transparent);--fill: color-mix(in oklch, var(--surface-container-highest) 38%, transparent);--border: color-mix(in oklch, var(--on-surface) 12%, transparent)}.switches label>input:before,.switches label>input:after{grid-area:1/1;display:inline-block;aspect-ratio:1;border-radius:100%;transform:translate(-50%);transition:all var(--tra);margin-inline:0 100%}.switches label>input:before{content:"";background-color:var(--handle);box-sizing:border-box;height:100%;min-height:1rem}.switches label>input:after{-webkit-mask-size:contain;mask-size:contain;mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content-visibility:hidden;width:1rem;background-color:var(--fill);margin-block:.25rem}.switches label>input:checked:before{height:1.5rem}.switches label>input:active:not(:disabled):before{height:1.75rem}.switches label>input:after{content:var(--switch-off, none);-webkit-mask-image:var(--switch-off, none);mask-image:var(--switch-off, none)}.switches label>input:checked:after{content:var(--switch-on, none);-webkit-mask-image:var(--switch-on, none);mask-image:var(--switch-on, none)}:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled){display:inline-flex;gap:.5rem;align-items:center;height:2rem;border-radius:.5rem;box-sizing:border-box;padding-inline:1rem;--color: var(--on-surface-variant);--ele: var(--ele0);color:var(--color);font:var(--label-l);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:fit-content}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>span{display:contents}:is(:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>span,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):is(a)):before,:is(:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>span,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):is(a)):after{display:block;width:1.125rem;aspect-ratio:1;background-color:var(--primary);margin-inline:0}:is(:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>span,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):is(a)):before{margin-inline-start:-.5rem}:is(:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>span,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):is(a)):after{margin-inline-end:-.5rem}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled))>input{position:absolute;width:0;height:0;overflow:hidden;clip-path:rect(0 0 0 0)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:not(:checked):not(.elevated)),:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):is(a){border:.0625rem solid var(--outline);padding-inline:.9375rem}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:checked){background-color:var(--secondary-container);--color: var(--on-secondary-container)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:checked:disabled){background-color:var(--disabled12on38)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:disabled){opacity:.38;border-color:var(--disabled12on38);--color: var(--on-surface);--ele: var(--ele0)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:disabled) span:before,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:disabled) span:after{background-color:var(--color)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input.elevated:not(disabled)){--ele: var(--ele1)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input.elevated:not(disabled):not(:checked)){background-color:var(--surface-container)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input.elevated:not(disabled)):focus-within,:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input.elevated:not(disabled):active){--ele: var(--ele2) }:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:not(:disabled)){transition:background-color var(--tra),box-shadow var(--tra);box-shadow:inset 0 4rem transparent,var(--ele)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:not(:disabled)):hover{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 8%,transparent),var(--ele)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>input:not(:disabled)):focus-within{box-shadow:inset 0 4rem color-mix(in oklch,var(--color) 10%,transparent),var(--ele)}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)) select{background-color:transparent;color:inherit;border:none;padding:0;font:inherit;margin-inline:-.5rem -2rem;padding-inline:.5rem 2rem;align-self:stretch;z-index:1;appearance:none;outline:none}:is(:is(.chips,.segmented)>label,:is(.chips,.segmented)>a,:is(.chips,.segmented)>a:not(.elevated):not(.filled):not(.tonal):not(.outlined):not(:disabled)):has(>span>select){--icon2: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-360 280-560h400L480-360Z"/></svg>')}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;contain:inherit}.segmented+.segmented{margin-left:.0625rem}.segmented>label{--color: var(--on-surface);height:2.5rem;border:.0625rem solid var(--outline);margin-left:-.0625rem;padding-inline:.6875rem!important;justify-content:center;border-radius:0}.segmented>label>span:before{margin-inline-start:0}.segmented>label:first-child{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem}.segmented>label:last-child{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}.table{border-collapse:collapse;display:block;max-height:60vh;overflow:auto;border-radius:.75rem;border:.0625rem solid var(--tertiary-container)}.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*{display:table-row;color:inherit}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*)>*{display:table-cell;padding:.5rem;color:inherit;border-bottom:.0625rem solid var(--tertiary-container)}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*)>*:first-child{padding-left:1rem}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*)>*:last-child{padding-right:1rem;width:100%}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*):last-child>*{border-bottom:none}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*):not(.thead):not(.tfoot):hover{background-color:color-mix(in oklch,var(--on-tertiary-container) 8%,transparent)}:is(.table>*:not(caption,thead,tbody,tfoot,colgroup),.table>thead>*,.table>tbody>*,.table>tfoot>*):not(.thead):not(.tfoot):focus-within{background-color:color-mix(in oklch,var(--on-tertiary-container) 10%,transparent)}.table a{text-decoration:none}.table th{text-align:left}.table thead,.table tfoot,.table .thead,.table .tfoot{background-color:var(--tertiary-container);color:var(--on-tertiary-container);z-index:1;position:sticky}.table thead,.table .thead{top:0}.table tfoot,.table .tfoot{bottom:0}dialog::backdrop,:popover-open::backdrop{background-color:#0006}:root{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;--icon-size: 40px;--border-radius-xl: 28px;--border-radius-l: 16px;--border-radius-m: 14px;--border-radius-s: 12px;--scrollbar-width: 6px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 12px;--spacing-l: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--nav-height: 80px}body{padding-bottom:var(--nav-height);margin:0;overflow-x:hidden;overflow-y:auto;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{opacity:0;transition:opacity .3s cubic-bezier(.2,0,0,1)}.app-loaded #app{opacity:1}.page{display:none;padding:var(--spacing-l);min-height:calc(100vh - var(--nav-height) - 2rem);animation:pageEnter .3s cubic-bezier(.2,0,0,1)}.page.active{display:block}#page-content{padding:var(--spacing-m) var(--spacing-xxl) var(--spacing-l) var(--spacing-xxl);margin:0;box-sizing:border-box}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}header{padding:var(--spacing-xs) var(--spacing-l);background-color:var(--surface);border-bottom:1px solid var(--outline-variant);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:1.5rem;font-weight:400;color:var(--on-surface);letter-spacing:0}.header-actions{display:flex;gap:var(--spacing-xs);align-items:center}.header-divider{width:1px;height:24px;background-color:var(--outline-variant);margin:0 var(--spacing-xs)}.header-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background-color:transparent;color:var(--on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.header-btn:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}.header-btn:active{background-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.page-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.page-action-btn{width:40px;height:40px;border-radius:50%;border:none;background-color:transparent;color:var(--on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.page-action-btn:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}.page-action-btn .material-symbols-rounded{font-size:20px}.sidebar-page-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-s)}.sidebar-page-action-btn{width:40px;height:40px;border-radius:50%;border:none;background-color:transparent;color:var(--on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sidebar-page-action-btn:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}.sidebar-page-action-btn .material-symbols-rounded{font-size:20px}.actions-divider{height:1px;background-color:var(--outline-variant);margin:var(--spacing-s) 0}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--spacing-l));right:var(--spacing-l);width:56px;height:56px;border-radius:var(--border-radius-l);background-color:var(--primary-container);color:var(--on-primary-container);border:none;box-shadow:var(--shadow-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);z-index:5}.fab:hover{box-shadow:var(--shadow-4);transform:scale(1.05)}.fab:active{transform:scale(.95)}.fab .material-symbols-rounded{font-size:24px}.scenario-card{margin-bottom:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-xs) var(--spacing-s) var(--spacing-l);background-color:var(--surface-container-low);border-radius:var(--border-radius-l);border:none}.scenario-card h3{margin:0 0 var(--spacing-xs) 0;font-size:1.1rem;font-weight:500;color:var(--on-surface);letter-spacing:.01em}.scenario-card p{margin:0 0 var(--spacing-s) 0;color:var(--on-surface-variant);font-size:.875rem;line-height:1;font-weight:400}.scenario-card .card-actions{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-l);justify-content:flex-end}.operation-item{display:flex;align-items:center;transition:all .2s cubic-bezier(.2,0,0,1);margin:0 0 var(--spacing-s) 0}.operation-type{min-width:50px;font-weight:500;color:var(--primary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;padding:var(--spacing-xs);background-color:var(--primary-container);margin:0 var(--spacing-s) 0 0;border-radius:8px}.operation-item .operation-content{flex:1;color:var(--on-surface);font-size:.875rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-item .operation-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.operation-item .operation-actions button{width:40px;height:40px;border:none;border-radius:50%;background-color:transparent;color:var(--on-surface-variant);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;align-items:center;justify-content:center}.operation-item .operation-actions button:hover{background-color:var(--surface-container-highest);color:var(--on-surface)}.operation-item .operation-actions button:active{transform:scale(.9)}.operation-item .operation-actions button .material-symbols-rounded{font-size:18px}dialog{max-width:calc(100vw - 3rem);width:80%;margin:1rem auto;padding:var(--spacing-l);border:none;color:var(--on-surface);box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0}dialog[open]{transform:translate(-50%,calc(-50% + 10px));opacity:0}dialog::backdrop{background-color:#0000}dialog[open]::backdrop{background-color:#0000}dialog.showing{opacity:1;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}dialog.showing::backdrop{background-color:#0006;transition:background-color .2s ease}dialog.closing{opacity:0;transform:translate(-50%,calc(-50% - 10px));transition:opacity .2s ease,transform .2s ease}dialog.closing::backdrop{background-color:#0000;transition:background-color .2s ease}@keyframes dialogShow{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes backdropShow{0%{background-color:#0000}to{background-color:#0006}}dialog h2{margin:var(--spacing-m) var(--spacing-s) var(--spacing-s) var(--spacing-s);font-size:1.6rem;font-weight:400;letter-spacing:0;color:var(--on-surface)}dialog form{margin:var(--spacing-xs) var(--spacing-l) 0 var(--spacing-l);display:flex;flex-direction:column}dialog label{display:flex;flex-direction:column}dialog label span{font-weight:500;font-size:.875rem;letter-spacing:.01em;color:var(--on-surface-variant)}.settings-section{margin:var(--spacing-s) 0}.settings-section h4{margin:0 0 var(--spacing-s) 0;font-size:.875rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:.1em}.file-input-wrapper .file-select-btn{display:inline-flex;align-items:center;gap:4px;padding:6px var(--spacing-s);border:none;border-radius:var(--border-radius-l);background-color:var(--secondary-container);color:var(--on-secondary-container);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s cubic-bezier(.2,0,0,1)}.file-input-wrapper .file-select-btn:hover{background-color:var(--secondary);color:var(--on-secondary)}.file-input-wrapper .file-select-btn .material-symbols-rounded{font-size:14px}.operation-types{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-s);margin-bottom:var(--spacing-l)}.operation-type-card{padding:var(--spacing-xs);border:1px solid var(--outline-variant);border-radius:var(--border-radius-l);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);background-color:var(--surface-container);text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}.operation-type-card:hover{background-color:var(--surface-container-high);transform:translateY(-1px)}.operation-type-card:active{background-color:var(--primary-container);border-color:var(--primary);transform:translateY(0)}.operation-type-card h3{font-size:1rem;font-weight:500;color:var(--on-surface);letter-spacing:.01em}fieldset{border:none;padding:0;margin:var(--spacing-s);display:flex;gap:var(--spacing-m);justify-content:flex-end}dialog>fieldset:last-child{flex-direction:row!important;justify-content:flex-end!important}fieldset button{padding:var(--spacing-m) var(--spacing-l);border:none;border-radius:var(--border-radius-xl);background-color:transparent;color:var(--primary);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);font-size:.875rem;font-weight:500;letter-spacing:.01em;min-height:40px;position:relative;overflow:hidden}fieldset button:hover{background-color:color-mix(in srgb,var(--primary) 8%,transparent)}fieldset button:active{transform:scale(.95)}fieldset button.filled{background-color:var(--primary);color:var(--on-primary)}fieldset button.filled:hover{background-color:color-mix(in srgb,var(--primary) 92%,var(--on-primary))}fieldset button.tonal{background-color:var(--secondary-container);color:var(--on-secondary-container)}fieldset button.tonal:hover{background-color:color-mix(in srgb,var(--secondary-container) 92%,var(--on-secondary-container))}.dialog-content{max-height:60vh;overflow-y:auto}.dialog-content.simple{padding:var(--spacing-m) var(--spacing-l)}.dialog-content.complex{padding:var(--spacing-l)}.dialog-input{width:100%;padding:var(--spacing-m);border:1px solid var(--outline);border-radius:var(--border-radius-s);background-color:var(--surface-container-highest);color:var(--on-surface);font-size:1rem;margin-top:var(--spacing-s)}.dialog-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.dialog-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dialog-list-item{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-m);border-radius:var(--border-radius-s);cursor:pointer;transition:background-color .2s ease}.dialog-list-item:hover{background-color:var(--surface-container-high)}.dialog-list-item .material-symbols-rounded{font-size:20px;color:var(--on-surface-variant)}::-webkit-scrollbar{display:none}body.app-loaded{overflow:auto}body.mmrl-webui-x{padding-top:env(safe-area-inset-top)}#page-content{position:relative}.page-transition-enter{opacity:0;transform:translateY(12px);transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.page-transition-enter-active{opacity:1;transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0);transition:opacity .1s cubic-bezier(.4,0,1,1),transform .1s cubic-bezier(.4,0,1,1)}.page-transition-exit-active{opacity:0;transform:translateY(-6px)}.page-loading{transform:translateY(12px)}.page-loaded{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:swap;src:url(./google-tWfxpDEp.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}#toast-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-s);pointer-events:none;max-width:90vw;width:100%}@media (orientation: landscape){#toast-container{inset:32px 24px auto auto;transform:none;align-items:flex-end;max-width:400px;width:auto}}.toast{padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius-l);background-color:var(--surface-container-high);color:var(--on-surface);box-shadow:var(--shadow-2);opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.2,0,0,1);pointer-events:auto;max-width:none;min-width:180px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-m);text-align:left;overflow:hidden;position:relative;border-left:none;line-height:20px;font-size:.875rem;font-weight:400}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-20px)}@media (orientation: landscape){.toast{margin:0}}.toast:before{content:"";display:block;width:20px;height:20px;flex-shrink:0;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.toast-info{color:var(--primary)}.toast-info:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}.toast-success{color:var(--tertiary)}.toast-success:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}.toast-warning{color:var(--secondary)}.toast-warning:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}.toast-error{color:var(--error)}.toast-error:before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}.app-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background-color:var(--surface-container);color:var(--on-surface);box-shadow:var(--shadow-2);transition:background-color .2s cubic-bezier(.2,0,0,1);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;height:var(--nav-height)}.nav-content{display:flex;justify-content:center;width:100%;max-width:480px;margin:0 auto;padding:4px}.nav-item{--color: var(--on-surface-variant);display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;padding:8px 0;color:var(--color);text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;border-radius:var(--border-radius-l)}.nav-item .material-symbols-rounded{font-size:24px;padding:4px 20px;border-radius:var(--border-radius-xl);transition:all .2s cubic-bezier(.2,0,0,1)}.nav-item span:not(.material-symbols-rounded){font-size:12px;color:var(--on-surface-variant);max-height:0;opacity:0;transition:all .2s cubic-bezier(.2,0,0,1);transform:translateY(-4px);font-weight:500}.nav-item.active{color:var(--on-surface-variant)}.nav-item.active span:not(.material-symbols-rounded){max-height:20px;opacity:1;transform:translateY(0);margin-top:4px}.nav-item.active .material-symbols-rounded{background-color:var(--secondary-container);color:var(--on-secondary-container);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-item:hover .material-symbols-rounded{background-color:color-mix(in srgb,var(--color) 8%,transparent)}.nav-item:active .material-symbols-rounded,.nav-item:focus .material-symbols-rounded{background-color:color-mix(in srgb,var(--color) 12%,transparent)}.sidebar-nav{display:none}#settings-dialog{max-width:400px;width:90vw}.settings-content{margin:var(--spacing-m) var(--spacing-l)}.setting-item{margin-bottom:var(--spacing-l)}.setting-item:last-child{margin-bottom:0}.setting-label{display:flex;flex-direction:column;gap:var(--spacing-s);font:var(--body-m);color:var(--on-surface)}.setting-label>span{font-weight:500}.setting-label-with-icon{display:flex;align-items:center;gap:var(--spacing-s);font-weight:500}.setting-label-with-icon .material-symbols-rounded{font-size:1.25rem}.hue-slider-container{display:flex;align-items:center;gap:var(--spacing-m)}.hue-slider{flex:1;height:.25rem;border-radius:.125rem;background:linear-gradient(to right,#e05252,#e0e052,#52e052,#52e0e0,#5252e0,#e052e0,#e05252);appearance:none;cursor:pointer}.hue-slider::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--primary);border:2px solid var(--surface);box-shadow:0 2px 4px #0003;cursor:pointer}.hue-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--primary);border:2px solid var(--surface);box-shadow:0 2px 4px #0003;cursor:pointer}#hue-value{font:var(--label-m);color:var(--on-surface-variant);min-width:2rem;text-align:center}#confirm-content{margin:var(--spacing-m) var(--spacing-s);line-height:1.5;white-space:pre-line;color:var(--on-surface-variant)}.manage-header{margin-bottom:var(--spacing-l);padding:var(--spacing-m);background-color:var(--surface-container-low);border-radius:var(--border-radius-l)}.manage-actions{display:flex;gap:var(--spacing-m);justify-content:flex-end}.manage-actions button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-m);border:none;border-radius:var(--border-radius-xl);background-color:var(--secondary-container);color:var(--on-secondary-container);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1)}.manage-actions button:hover{background-color:var(--secondary);color:var(--on-secondary);transform:translateY(-1px)}.manage-actions button:active{transform:translateY(0)}.manage-actions button .material-symbols-rounded{font-size:18px}@media (orientation: landscape) and (min-width: 768px){.app-nav{display:none}body{padding-bottom:0;padding-left:88px}header{display:none}#page-content{padding:var(--spacing-l);margin:0}#app:before{content:"";position:fixed;left:0;top:0;width:88px;height:100vh;background-color:var(--surface-container);border-right:1px solid var(--outline-variant);z-index:10}.sidebar-nav{display:flex!important;position:fixed;left:0;top:0;width:88px;height:100vh;background-color:var(--surface-container);border-right:1px solid var(--outline-variant);z-index:11;flex-direction:column;padding:var(--spacing-l) var(--spacing-m);align-items:center;box-sizing:border-box}.sidebar-nav-items{margin-top:25px}.sidebar-nav-item{--color: var(--on-surface-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px;color:var(--color);text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;border-radius:var(--border-radius-l);margin-bottom:var(--spacing-s)}.sidebar-nav-item .material-symbols-rounded{font-size:24px;padding:4px 20px;border-radius:var(--border-radius-xl);transition:all .2s cubic-bezier(.2,0,0,1)}.sidebar-nav-item span:not(.material-symbols-rounded){display:none}.sidebar-nav-item.active .material-symbols-rounded{background-color:var(--secondary-container);color:var(--on-secondary-container);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar-nav-item:hover .material-symbols-rounded{background-color:color-mix(in srgb,var(--color) 8%,transparent)}.sidebar-nav-item:active .material-symbols-rounded,.sidebar-nav-item:focus .material-symbols-rounded{background-color:color-mix(in srgb,var(--color) 12%,transparent)}.sidebar-actions{margin-top:auto;padding-top:var(--spacing-l);border-top:1px solid var(--outline-variant);width:100%;display:flex;flex-direction:column;align-items:center}.sidebar-action-btn{width:56px;height:56px;border:none;border-radius:50%;background-color:transparent;color:var(--on-surface);cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-s)}.sidebar-action-btn:hover{background-color:color-mix(in srgb,var(--on-surface) 8%,transparent)}.sidebar-action-btn:active{background-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.sidebar-action-btn span:not(.material-symbols-rounded){display:none}.fab{bottom:var(--spacing-l);right:var(--spacing-l)}dialog{top:50%;transform:translate(-50%,-50%) scale(.9);margin:0}}.popup-dialog{border:none;border-radius:var(--border-radius-l);background:transparent;padding:0;max-width:400px;width:90vw;box-shadow:none}.popup-dialog::backdrop{background-color:#0006}.popup-content{background-color:var(--surface-container);border-radius:var(--border-radius-m);padding:var(--spacing-xl);box-shadow:var(--shadow-3);text-align:center}.about-content{display:flex;align-items:flex-start;gap:var(--spacing-l);text-align:left}.about-logo{width:42px;height:42px;border-radius:var(--border-radius-xl);background-color:var(--primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-logo .material-symbols-rounded{font-size:24px;color:var(--on-primary-container)}.about-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.about-text h3{margin:0;font-size:1.2rem;font-weight:400;color:var(--on-surface);line-height:1.1}.about-text .version{margin:0 0 5px;font-size:.875rem;color:var(--on-surface-variant);font-weight:400;line-height:1}.about-text .description{margin:0;font-size:.875rem;color:var(--on-surface-variant);line-height:1.4}.about-links{margin-top:var(--spacing-s)}.about-links a{color:var(--primary);text-decoration:underline;font-size:.875rem;font-weight:400}.about-links a:hover{text-decoration:none}.about-links a:visited{color:var(--primary)}.plugin-header-actions,.plugin-sidebar-actions,.plugin-bottom-actions{display:flex;gap:8px;align-items:center}.plugin-header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:20px;background:rgba(var(--md-sys-color-surface-variant-rgb),.3);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s ease;font-size:20px}.plugin-header-btn:hover{background:rgba(var(--md-sys-color-primary-rgb),.1);color:var(--md-sys-color-primary);transform:scale(1.05)}.plugin-header-btn:active{transform:scale(.95)}.plugin-sidebar-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:24px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s ease;font-size:24px;margin:4px 0}.plugin-sidebar-btn:hover{background:rgba(var(--md-sys-color-primary-rgb),.1);color:var(--md-sys-color-primary)}.plugin-sidebar-btn:active{transform:scale(.95)}.plugin-bottom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:64px;border:none;border-radius:16px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all .2s ease;font-size:24px;padding:8px;gap:4px}.plugin-bottom-btn:hover{background:rgba(var(--md-sys-color-primary-rgb),.1);color:var(--md-sys-color-primary)}.plugin-bottom-btn:active{transform:scale(.95)}.plugin-bottom-btn .btn-text{font-size:12px;font-weight:500;line-height:1;margin-top:2px}.plugin-dialog-content{padding:24px;max-width:400px}.plugin-info{margin-bottom:24px}.plugin-info h3{margin:0 0 16px;color:var(--md-sys-color-on-surface);font-size:20px;font-weight:500}.plugin-info p{margin:8px 0;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.4}.plugin-actions{display:flex;gap:12px;justify-content:flex-end}.plugin-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:20px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.plugin-btn:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.plugin-btn:active{transform:translateY(0)}.example-page{padding:24px;max-width:800px;margin:0 auto}.page-header{text-align:center;margin-bottom:32px}.page-header h2{margin:0 0 8px;color:var(--md-sys-color-on-surface);font-size:28px;font-weight:400}.page-header p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:16px}.example-content{display:flex;flex-direction:column;gap:24px}.example-card{background:var(--md-sys-color-surface-variant);border-radius:16px;padding:24px;color:var(--md-sys-color-on-surface-variant)}.example-card h3{margin:0 0 16px;color:var(--md-sys-color-on-surface);font-size:20px;font-weight:500}.example-card p{margin:0 0 16px;line-height:1.5}.example-card ul{margin:0;padding-left:20px}.example-card li{margin:8px 0;line-height:1.4}.example-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.example-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;border-radius:24px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:500;min-width:140px;justify-content:center}.example-btn:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.example-btn:active{transform:translateY(0)}@media (max-width: 768px){.plugin-bottom-actions{flex-wrap:wrap;justify-content:center}.plugin-bottom-btn{min-width:56px;height:56px;font-size:20px}.plugin-bottom-btn .btn-text{font-size:10px}.example-page{padding:16px}.example-actions{flex-direction:column;align-items:center}.example-btn{width:100%;max-width:280px}}@media (prefers-color-scheme: dark){.plugin-header-btn,.plugin-sidebar-btn,.plugin-bottom-btn{background:rgba(var(--md-sys-color-surface-variant-rgb),.2)}.plugin-header-btn:hover,.plugin-sidebar-btn:hover,.plugin-bottom-btn:hover{background:rgba(var(--md-sys-color-primary-rgb),.2)}}