@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@200&display=block";.notice-wrapper{--type-size: minmax(40px, max-content);--notice-height: calc(var(--type-size) + .5rem);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-small);height:var(--notice-height);transition:all var(--snap-ease-slow);transform:translate(0);animation:out;animation-duration:.5s;animation-timing-function:var(--snap-ease-slow);animation-fill-mode:forwards;animation-delay:4s}@starting-style{.notice-wrapper{height:0;transform:translate(100%)}}.notice-wrapper .notice{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.1);grid-auto-flow:column;box-shadow:var(--shadow);border:1px solid;--nbg: var(--color-primary);background-color:oklch(from var(--nbg) l c h / .7);border-color:var(--nbg)}.notice-wrapper .notice.success{--nbg: var(--color-success)}.notice-wrapper .notice.error{--nbg: var(--color-error)}.notice-wrapper .notice.warning{--nbg: var(--color-warning)}.notice-wrapper .notice.info{--nbg: var(--color-info)}.notice-wrapper .notice.primary{--nbg: var(--color-primary)}.notice-wrapper .notice .message{width:400px;white-space:pre-wrap;word-break:break-word}@keyframes out{0%{transform:translate(0);opacity:1}to{opacity:0;transform:translate(100%)}}.notice-container{display:grid;grid-gap:.25rem;grid-auto-flow:row;grid-auto-rows:max-content;padding-inline-end:1rem;position:fixed;bottom:0;right:0}.icon,[data-icon]{--size: 24px;width:var(--size);height:var(--size);font-size:var(--size);-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined;line-height:1}:is(.icon,[data-icon]):after{content:attr(data-icon)}:root{--border-radius: .4rem;--border: 1px solid var(--border-color)}.border-color{border-color:var(--border-color)}.border-radius{border-radius:var(--border-radius)}.border-card{border:solid 1px var(--border-color);border-radius:var(--border-radius)}[data-grid],.grid{display:grid;width:100%;height:100%;box-sizing:border-box;grid-gap:.25rem}[data-grid]>*{min-width:0!important;min-height:0!important}[data-grid=col],.grid.col{grid-auto-flow:column}[data-grid=col-auto],.grid.col-auto{grid-auto-flow:column;grid-auto-columns:min-content}[data-grid=row],.grid.row{grid-auto-flow:row}[data-grid=row-auto],.grid.row-auto{grid-auto-flow:row;grid-auto-rows:min-content}[data-cols]{grid-template-columns:attr(data-cols type(*))}[data-rows]{grid-template-rows:attr(data-rows type(*))}[data-col]{grid-column:auto / span attr(data-col type(<integer>),1)}[data-row]{grid-row:span attr(data-row type(<integer>),auto)}[data-rst]{grid-row-start:attr(data-rst type(<integer>),auto)}[data-rsp]{grid-row-end:span attr(data-rsp type(<integer>),auto)}[data-ren]{grid-row-end:attr(data-ren type(<integer>),auto)}[data-cst]{grid-column-start:attr(data-cst type(<integer>),auto)}[data-csp]{grid-column-end:span attr(data-csp type(<integer>),auto)}[data-cen]{grid-column-end:attr(data-cen type(<integer>),auto)}[data-area]{grid-area:attr(data-area type(<custom-ident>))}[data-gap]{gap:calc(attr(data-gap rem,0)/4)}[data-row-gap]{row-gap:calc(attr(data-row-gap rem,0)/4)}[data-col-gap]{column-gap:calc(attr(data-column-gap rem,0)/4)}[data-areas]{grid-template-areas:attr(data-areas type(<string> +))}:root{--multiplier: .25}[data-ps]{padding-inline-start:calc(attr(data-ps rem,0) * var(--multiplier))}[data-pe]{padding-inline-end:calc(attr(data-pe rem,0) * var(--multiplier))}[data-pt]{padding-top:calc(attr(data-pt rem,0) * var(--multiplier))}[data-pb]{padding-bottom:calc(attr(data-pb rem,0) * var(--multiplier))}[data-p]{padding:calc(attr(data-p rem,0) * var(--multiplier))}[data-px]{padding-inline:calc(attr(data-px rem,0) * var(--multiplier))}[data-py]{padding-block:calc(attr(data-py rem,0) * var(--multiplier))}[data-mt]{margin-top:calc(attr(data-mt rem,0) * var(--multiplier))}[data-mb]{margin-bottom:calc(attr(data-mb rem,0) * var(--multiplier))}[data-ms]{margin-inline-start:calc(attr(data-ms rem,0) * var(--multiplier))}[data-me]{margin-inline-end:calc(attr(data-me rem,0) * var(--multiplier))}[data-m]{margin:calc(attr(data-m rem,0) * var(--multiplier))}body{--lightness: .2;--hue: 0;--tint-amount: 0;--base-tint: oklch(0 var(--tint-amount) var(--hue));--bg: oklch(from var(--base-tint) calc(l + .9) c h);--bg-surface: oklch(from var(--base-tint) calc(l + .95) c h);--bg-surface-1: oklch(from var(--base-tint) 1 c h);--text: oklch(from var(--base-tint) calc(l + .05) c h);--text-muted: oklch(from var(--base-tint) calc(l + .4) c h);--border-color: oklch(from var(--base-tint) calc(l + .8) c h);--border-card: solid 1px var(--bg);--shadow: 0 2px 2px hsla(0 0% 0% / .07), 0 4px 4px hsla(0 0% 0% / .15)}body[data-theme=dark]{--base-tint: oklch(var(--lightness) var(--tint-amount) var(--hue));--bg: oklch(from var(--base-tint) calc(l + 0) c h);--bg-surface: oklch(from var(--base-tint) calc(l + .05) c h);--bg-surface-1: oklch(from var(--base-tint) calc(l + .1) c h);--text: oklch(from var(--base-tint) calc(l + .95) c h);--text-muted: oklch(from var(--base-tint) calc(l + .7) c h);--border-color: oklch(from var(--base-tint) calc(l + .3) c h);--highlight-color: oklch(from var(--base-tint) calc(l + .6) c h);--border-card: solid 1px var(--border-color)}.bg-surface{background-color:var(--bg-surface)}.bg-surface-1{background:var(--bg-surface-1)}.text-color-muted{color:var(--text-muted)}body{--theme-saturation: .15;--theme-lightness: 0;--primary: hsl(263 70% 50%);--secondary: #ec4899;--accent: #22d3ee;--success: #22c55e;--warning: #eab308;--error: #ef4444;--info: #3b82f6;--color-primary: oklch( from var(--primary) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-secondary: oklch( from var(--secondary) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-accent: oklch( from var(--accent) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-success: oklch( from var(--success) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-warning: oklch( from var(--warning) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-error: oklch( from var(--error) calc(l + var(--theme-lightness)) var(--theme-saturation) h );--color-info: oklch( from var(--info) calc(l + var(--theme-lightness)) var(--theme-saturation) h )}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}:root{--lightness: .2;--hue: 0;--tint-amount: 0;--base-tint: oklch(0 var(--tint-amount) var(--hue));--bg-dark: oklch(from var(--base-tint) calc(l + .9) c h);--bg: oklch(from var(--base-tint) calc(l + .95) c h);--bg-light: oklch(from var(--base-tint) 1 c h);--text: oklch(from var(--base-tint) calc(l + .05) c h);--text-muted: oklch(from var(--base-tint) calc(l + .3) c h);--border-color: oklch(from var(--base-tint) calc(l + .8) c h);--border-card: solid 1px var(--bg-dark);--shadow: 0 2px 2px hsla(0 0% 0% / .07), 0 4px 4px hsla(0 0% 0% / .15)}body{color:var(--text-muted)}body[data-theme=dark],.dark-mode{--base-tint: oklch(var(--lightness) var(--tint-amount) var(--hue));--bg-dark: oklch(from var(--base-tint) calc(l + 0) c h);--bg: oklch(from var(--base-tint) calc(l + .05) c h);--bg-light: oklch(from var(--base-tint) calc(l + .1) c h);--text: oklch(from var(--base-tint) calc(l + .95) c h);--text-muted: oklch(from var(--base-tint) calc(l + .7) c h);--border-color: oklch(from var(--base-tint) calc(l + .2) c h);--highlight-color: oklch(from var(--base-tint) calc(l + .6) c h);--border-card: solid 1px var(--border-color);color:var(--text-muted)}.bg-dark{background-color:var(--bg-dark)}.bg{background-color:var(--bg)}.bg-light{background:var(--bg-light)}.text-color{color:var(--text)}.text-color-muted,p,input,textarea{color:var(--text-muted)}.card,.card-light{border-radius:var(--border-radius);border:1px solid;border-color:var(--border-color);width:max-content;height:max-content;padding:calc(.5rem + var(--border-radius));box-sizing:border-box}.card{background-color:var(--bg-surface)}.card-light{background-color:var(--bg-surface-1)}@property --type-scale{syntax: "<number>"; inherits: true; initial-value: 1.125;}@property --font-size{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --golden-ratio{syntax: "<number>"; inherits: false; initial-value: 1.618;}@property --perfect-fifth{syntax: "<number>"; inherits: false; initial-value: 1.5;}@property --major-second{syntax: "<number>"; inherits: false; initial-value: 1.125;}@property --minor-second{syntax: "<number>"; inherits: false; initial-value: 1.067;}@property --augmented-fourth{syntax: "<number>"; inherits: false; initial-value: 1.414;}@property --minor-third{syntax: "<number>"; inherits: false; initial-value: 1.2;}@property --major-third{syntax: "<number>"; inherits: false; initial-value: 1.25;}@property --perfect-fourth{syntax: "<number>"; inherits: false; initial-value: 1.333;}@property --perfect-octave{syntax: "<number>"; inherits: false; initial-value: 2;}@property --line-height-multiplier{syntax: "<number>"; inherits: false; initial-value: .125;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400;font-family:Noto Sans;margin:0;padding:0;color:var(--text)}:root{font-size:var(--font-size)}h1,.h1{font-size:calc(1rem*pow(var(--type-scale),6));line-height:calc(var(--type-scale) * 6 * var(--line-height-multiplier) + 1)}h2,.h2{font-size:calc(1rem*pow(var(--type-scale),5));line-height:calc(var(--type-scale) * 5 * var(--line-height-multiplier) + 1)}h3,.h3{font-size:calc(1rem*pow(var(--type-scale),4));line-height:calc(var(--type-scale) * 4 * var(--line-height-multiplier) + 1)}h4,.h4{font-size:calc(1rem*pow(var(--type-scale),3));line-height:calc(var(--type-scale) * 3 * var(--line-height-multiplier) + 1)}h5,.h5{font-size:calc(1rem*pow(var(--type-scale),2));line-height:calc(var(--type-scale) * 2 * var(--line-height-multiplier) + 1)}h6,.h6{font-size:calc(1rem * var(--type-scale));line-height:calc(var(--type-scale) * var(--line-height-multiplier) + 1)}small,.small{font-size:calc(1rem / var(--type-scale))}strong,.strong,.bold{font-weight:600}[data-jc]{justify-content:attr(data-jc type(*))}[data-ji]{justify-items:attr(data-ji type(*))}[data-js]{justify-self:attr(data-js type(*))}[data-ac]{align-content:attr(data-ac type(*))}[data-ai]{align-items:attr(data-ai type(*))}[data-as]{align-self:attr(data-as type(*))}[data-pi]{place-items:attr(data-pi type(*))}[data-pc]{place-content:attr(data-pc type(*))}.place-items-center{place-items:center}.place-content-center{place-content:center}.max-h{height:max-content}.max-w{width:max-content}.min-h{height:min-content}.min-w{width:min-content}.fit-h{height:fit-content}.fit-w{width:fit-content}button{outline:none;display:flex;border-radius:var(--border-radius);border:1px solid var(--border-color);padding:.25rem .75rem;cursor:pointer;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;transition:background-color var(--snap-ease)}button:hover{background-color:oklch(from var(--color-primary) calc(l + .05) c h)}button:active{background-color:oklch(from var(--color-primary) calc(l - .05) c h)}button.flat{background-color:transparent;color:var(--color-primary);border:none}button.flat:hover{background-color:transparent;color:oklch(from var(--color-primary) calc(l + .07) c h)}button.flat:active{background-color:transparent;color:oklch(from var(--color-primary) calc(l - .05) c h)}form{display:contents}:root{--ease: cubic-bezier(.22, .61, .33, 1);--snap-ease: .2s cubic-bezier(.22, .61, .33, 1);--snap-ease-slow: .3s cubic-bezier(.22, .61, .33, 1);--snap-ease-slower: .5s cubic-bezier(.22, .61, .33, 1);--transition-small: .03s cubic-bezier(.34, -.01, 1, 1);--scale-flat: scaleY(.97) scaleX(1.03)}.fade-in{opacity:1;transition:opacity var(--snap-ease)}@starting-style{.fade-in{opacity:0}}.fade-in-slow{opacity:1;transition:opacity var(--snap-ease-slower)}@starting-style{.fade-in-slow{opacity:0}}.fade-out{opacity:0;transition:opacity var(--snap-ease)}@starting-style{.fade-out{opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity var(--snap-ease)}.fade-enter-from,.fade-leave-to{opacity:0}.input input{border-radius:var(--border-radius);border:var(--border);line-height:1.25rem;outline:none;padding-inline:.75rem;height:2.5rem}.input input:focus{outline:2px solid var(--color-primary)}html,body{padding:0;margin:0;width:100vw;height:100%;font-family:Noto Sans;font-weight:400;color:var(--text-muted);background-color:var(--bg)}