:root{--background: #FFF5E9FF;--on-background: #3F2B00FF;--surface: #FFF5E9FF;--surface-dim: #FDCD73FF;--surface-bright: #FFF5E9FF;--surface-container-lowest: #FFFFFFFF;--surface-container-low: #FFEFD7FF;--surface-container: #FFE5BAFF;--surface-container-high: #FFDEA5FF;--surface-container-highest: #FFD790FF;--on-surface: #3F2B00FF;--surface-variant: #FFD790FF;--on-surface-variant: #725722FF;--outline: #90723BFF;--outline-variant: #CAA86BFF;--inverse-surface: #160D00FF;--inverse-on-surface: #B9985CFF;--shadow: #000000FF;--scrim: #000000FF;--surface-tint: #7F5200FF;--primary: #7F5200FF;--primary-dim: #704700FF;--on-primary: #FFF0E2FF;--primary-container: #FDA600FF;--on-primary-container: #4E3000FF;--inverse-primary: #FDA600FF;--primary-fixed: #FDA600FF;--primary-fixed-dim: #EB9A00FF;--on-primary-fixed: #301C00FF;--on-primary-fixed-variant: #5A3800FF;--secondary: #785600FF;--secondary-dim: #694A00FF;--on-secondary: #FFF1DDFF;--secondary-container: #FFC960FF;--on-secondary-container: #5E4300FF;--secondary-fixed: #FFC960FF;--secondary-fixed-dim: #F9B924FF;--on-secondary-fixed: #463000FF;--on-secondary-fixed-variant: #6A4B00FF;--tertiary: #6C5A00FF;--tertiary-dim: #5E4E00FF;--on-tertiary: #FFF2CDFF;--tertiary-container: #FEDB42FF;--on-tertiary-container: #5D4D00FF;--tertiary-fixed: #FEDB42FF;--tertiary-fixed-dim: #EFCD34FF;--on-tertiary-fixed: #473B00FF;--on-tertiary-fixed-variant: #685700FF;--error: #B02500FF;--error-dim: #9A2000FF;--on-error: #FFEFECFF;--error-container: #F95630FF;--on-error-container: #520C00FF;--primary-palette-key-color: #FDA600FF;--secondary-palette-key-color: #E3A602FF;--tertiary-palette-key-color: #CCAC04FF;--neutral-palette-key-color: #90733BFF;--neutral-variant-palette-key-color: #957125FF;--error-palette-key-color: #D9401BFF}@media(prefers-color-scheme: dark){:root{--background: #160D00FF;--on-background: #FFE2B0FF;--surface: #160D00FF;--surface-dim: #160D00FF;--surface-bright: #3C2900FF;--surface-container-lowest: #000000FF;--surface-container-low: #1C1100FF;--surface-container: #241700FF;--surface-container-high: #2C1D00FF;--surface-container-highest: #332300FF;--on-surface: #FFE2B0FF;--surface-variant: #332300FF;--on-surface-variant: #C8A669FF;--outline: #8E7139FF;--outline-variant: #5C4410FF;--inverse-surface: #FFF8F3FF;--inverse-on-surface: #6B511CFF;--shadow: #000000FF;--scrim: #000000FF;--surface-tint: #FFB957FF;--primary: #FFB957FF;--primary-dim: #FDA600FF;--on-primary: #5B3900FF;--primary-container: #FDA600FF;--on-primary-container: #4E3000FF;--inverse-primary: #845500FF;--primary-fixed: #FDA600FF;--primary-fixed-dim: #EB9A00FF;--on-primary-fixed: #301C00FF;--on-primary-fixed-variant: #5A3800FF;--secondary: #FCBC27FF;--secondary-dim: #EDAE14FF;--on-secondary: #553C00FF;--secondary-container: #7B5800FF;--on-secondary-container: #FFF6EDFF;--secondary-fixed: #FFC960FF;--secondary-fixed-dim: #F9B924FF;--on-secondary-fixed: #463000FF;--on-secondary-fixed-variant: #6A4B00FF;--tertiary: #FFEAA3FF;--tertiary-dim: #FEDB42FF;--on-tertiary: #675500FF;--tertiary-container: #FEDB42FF;--on-tertiary-container: #5D4D00FF;--tertiary-fixed: #FEDB42FF;--tertiary-fixed-dim: #EFCD34FF;--on-tertiary-fixed: #473B00FF;--on-tertiary-fixed-variant: #685700FF;--error: #FF7351FF;--error-dim: #D53D18FF;--on-error: #450900FF;--error-container: #B92902FF;--on-error-container: #FFD2C8FF;--primary-palette-key-color: #FDA600FF;--secondary-palette-key-color: #E3A602FF;--tertiary-palette-key-color: #CCAC04FF;--neutral-palette-key-color: #90733BFF;--neutral-variant-palette-key-color: #957125FF;--error-palette-key-color: #D9401BFF}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Google Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--on-surface);background-color:var(--surface)}body>.app{position:fixed;top:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:1rem 0}p{margin:1rem 0}ul{list-style:none}a{text-decoration:none}input,button,textarea{font-family:inherit}ul.navigator{display:flex;flex-direction:column;gap:.25rem}ul.navigator li:first-child a{border-top-left-radius:24px;border-top-right-radius:24px}ul.navigator li:last-child a{border-bottom-left-radius:24px;border-bottom-right-radius:24px}ul.navigator li a{color:unset;display:flex;align-items:center;padding:1.35rem 1.5rem;gap:1rem;background-color:var(--surface-container);border-radius:8px}ul.navigator li a span{flex-grow:1}ul.navigator li a svg{fill:var(--on-surface-variant)}.button{padding:12px 1.75rem;border-radius:128px;border:unset;font-weight:bold}.button.outlined{outline:2px solid var(--outline)}.button.primary{color:var(--on-primary);background-color:var(--primary)}.button.primary.outlined{color:var(--primary);background-color:unset}.button.secondary{color:var(--on-secondary);background-color:var(--secondary)}.button.secondary.outlined{color:var(--secondary);background-color:unset}.button.tertiary{color:var(--on-tertiary);background-color:var(--tertiary)}.button.tertiary.outlined{color:var(--tertiary);background-color:unset}.button.error{color:var(--on-error);background-color:var(--error)}.button.error.outlined{color:var(--error);background-color:unset}input.switch[type=checkbox]{appearance:none;cursor:pointer;min-width:32px;height:20px;background-color:var(--outline-variant);border-radius:999999px;position:relative;border:3px solid rgba(0,0,0,0);transition:.2s ease}input.switch[type=checkbox]:checked{background-color:var(--primary)}input.switch[type=checkbox]::after{content:"";position:absolute;top:0;left:0;border:2px solid rgba(0,0,0,0);width:10px;height:10px;background-color:var(--outline);border-radius:12px;transition:.2s ease}input.switch[type=checkbox]:checked::after{background-color:var(--on-primary);left:12px}input.switch[type=checkbox]:disabled{opacity:.4}#home-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0}#home-container>main{padding:1rem;max-height:100%;max-width:520px}#home-container>main .branding{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}#home-container>main .branding img{width:128px;height:128px;object-fit:cover;border-radius:64px}#home-container>main .branding span{font-size:26px}#home-container>main footer{font-size:12px;margin-top:2rem;color:var(--outline);width:100%;text-align:center}@media(max-height: 650px){#home-container{display:block;position:static}#home-container>main{margin:0 auto}}#picker main{max-width:600px;margin:0 auto;padding:4rem 2rem}#picker main .back{display:inline-block;padding:8px}#picker main .back svg{fill:var(--on-surface)}#picker main .title{margin-top:6rem;margin-bottom:3.5rem;font-size:46px}#picker main ul{display:flex;flex-direction:column;gap:.35rem}#picker main ul li:first-child a{border-top-left-radius:24px;border-top-right-radius:24px}#picker main ul li:last-child a{border-bottom-left-radius:24px;border-bottom-right-radius:24px}#picker main ul li a{display:flex;align-items:center;background-color:var(--surface-container);padding:1rem 2rem;gap:2rem;font-size:24px;border-radius:8px;color:unset}#picker main ul li a svg{fill:var(--on-surface-variant)}#picker main ul li a span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#picker main ul li a img{width:64px;height:64px;border-radius:12px}#configurator{position:fixed;width:100%;height:100%;top:0;display:flex;align-items:center}#configurator main{max-width:800px;padding:2rem;margin:0 auto}#configurator .back{display:inline-block}#configurator .back svg{fill:var(--on-surface)}#configurator .info{display:flex;gap:2rem;margin:2rem 0}#configurator .info img{width:146px;height:146px;border-radius:24px}#configurator form .formation{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1rem}#configurator form .formation>div{display:flex;flex-direction:column;align-items:center;gap:.65rem}#configurator form .formation>div select{appearance:none;-webkit-appearance:none;border:unset;background-color:var(--surface-container);color:var(--on-surface);padding:.6rem 1.5rem;text-align:center;font-family:inherit;border-radius:12px;font-size:16px}#configurator form .pref{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}#configurator form button[type=submit]{margin:0 auto;display:block;margin-top:2rem}@media(max-height: 650px){#configurator{position:static;display:block}}#player{display:flex;position:fixed;top:0;width:100%;height:100%;align-items:center}#player main{max-width:600px;margin:0 auto;padding:4rem 2rem}#player main .back{display:inline-block;padding:8px 1rem;background-color:var(--surface-container);border-radius:128px;line-height:0}#player main .back svg{fill:var(--on-surface)}#player main .info{margin:2rem 0}#player main .info img{width:384px;height:384px;border-radius:24px;display:block;margin:2rem auto}#player main .info .title{text-align:center}#player main audio{width:100%}#player-bg{position:fixed;top:0;width:100%;height:100%;z-index:-1;overflow:hidden}#player-bg img{transform:rotate(35deg) scale(2.2);object-fit:cover;object-position:center;position:absolute;top:0;width:100%;height:100%;z-index:-1}#player-bg .bgwrap{background:linear-gradient(25deg, var(--surface), transparent);height:100%;backdrop-filter:blur(0.7vw)}@media(max-height: 800px){#player{display:block;position:static}}@media(max-width: 450px){#player .info img{aspect-ratio:1/1;height:unset !important;width:100% !important}}@media(max-width: 800px){#player-bg .bgwrap{background:rgba(0,0,0,.3);backdrop-filter:blur(2vh)}#player{color:#eee}}