@charset "UTF-8";:root{--bg: #f8fafc;--bg-secondary: #ffffff;--color: #1e293b;--color-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0;--surface: #ffffff;color:var(--color);background-color:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--bg-secondary: #ffffff;--color: #1e293b;--color-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0;--surface: #ffffff}}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--bg-secondary: #1e293b;--color: #f1f5f9;--color-secondary: #94a3b8;--accent: #60a5fa;--accent-hover: #3b82f6;--border-color: #334155;--surface: #1e293b}}html{min-height:100%;color-scheme:light dark}[data-theme=light]{--bg: #f8fafc;--bg-secondary: #ffffff;--color: #1e293b;--color-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0;--surface: #ffffff;color-scheme:light}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--color: #f1f5f9;--color-secondary: #94a3b8;--accent: #60a5fa;--accent-hover: #3b82f6;--border-color: #334155;--surface: #1e293b;color-scheme:dark}body{margin:0;min-height:100%;display:flex;flex-direction:column}:is(button,input:is([type=button],[type=submit])).removeStyles{background:none;color:inherit;border:none;padding:0;font-family:inherit;cursor:pointer;outline:none}[hidden]{display:none!important}[onclick]{cursor:pointer}.app{position:relative;height:100dvh;display:grid;grid-template-rows:4rem calc(100% - 8rem) 4rem}.header{padding-inline:2rem;background-color:var(--surface);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.header .title{font-size:1em;font-weight:600;color:var(--color)}.nav{flex:1;box-sizing:border-box;display:flex;justify-content:right;gap:.5rem;padding:.75rem 1rem;z-index:2}.nav .link{aspect-ratio:1;height:100%;display:grid;place-items:center;color:var(--color-secondary);border-radius:12px;transition:all .3s ease}.nav .link:hover{background-color:var(--bg);color:var(--accent);transform:translateY(-2px)}.nav .link:active{transform:translateY(0)}.nav .link .icon{height:1.5rem;aspect-ratio:1;transition:all .3s ease}@media(min-width:750px){.nav{position:absolute;top:0;right:0;height:4rem}}@media(max-width:751px){.nav{height:100%;justify-content:space-evenly;gap:0}.nav .link{flex:1;border-radius:0}.nav .link:hover{background-color:rgba(var(--accent),.1)}}.footer{background-color:var(--surface);border-top:solid 1px var(--border-color);box-shadow:0 -1px 3px #0000000d;display:grid;place-items:center;font-size:.875rem;color:var(--color-secondary)}.footer:after{content:"© 2024" attr(current-year) " " attr(site-title);display:inline;text-align:center}.main{max-height:100%;box-sizing:border-box}.main:not(.full){padding:2rem}.main{width:100%;z-index:1}.main>*{margin-inline:auto}.main :first-child{margin-top:0}.main :last-child{margin-bottom:0}.main *:has(+small){margin-bottom:0}.input,.textarea,.select{position:relative;padding-inline:1rem;width:100%}.input:not(:is(.input-parent,.textarea-parent,.select-parent)>:is(.input,.textarea,.select)),.textarea:not(:is(.input-parent,.textarea-parent,.select-parent)>:is(.input,.textarea,.select)),.select:not(:is(.input-parent,.textarea-parent,.select-parent)>:is(.input,.textarea,.select)){aspect-ratio:8/1}.input,.textarea,.select{background-color:var(--accent);color:var(--color);border-radius:10px;border:solid 1px var(--color);outline:none}.input .label,.textarea .label,.select .label{position:absolute;top:1rem;left:1rem;font-size:3;line-height:0}.input[required] .label .star,.textarea[required] .label .star,.select[required] .label .star{color:red}.input.normal,.textarea.normal,.select.normal{font-size:4rem;line-height:1}.input-parent,.textarea-parent,.select-parent{position:relative;box-sizing:border-box;width:100%;aspect-ratio:8/1;background-color:var(--surface);color:var(--color);border-radius:12px;border:solid 1px var(--border-color);outline:none;box-shadow:0 1px 2px #0000000d;font-size:2rem;transition:all .3s ease;z-index:1}.input-parent:hover,.textarea-parent:hover,.select-parent:hover{border-color:var(--accent)}.input-parent:focus-within,.textarea-parent:focus-within,.select-parent:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.input-parent .label,.textarea-parent .label,.select-parent .label{position:absolute;top:50%;display:inline-block;padding:.5rem 1rem;color:inherit;border:inherit;line-height:1;-webkit-user-select:none;user-select:none;transform:skew(-8deg);transition:padding .3s ease-in-out,border .3s ease-in-out,background-color .3s ease-in-out,transform .3s ease-in-out,translate .3s ease-in-out,font-size .3s ease-in-out}.input-parent .label>span,.textarea-parent .label>span,.select-parent .label>span{display:inline-block;transform:skew(8deg)}.input-parent:is(:not([open],:has(:is(input,textarea,select):focus)),:has(.hasInput)) .label,.textarea-parent:is(:not([open],:has(:is(input,textarea,select):focus)),:has(.hasInput)) .label,.select-parent:is(:not([open],:has(:is(input,textarea,select):focus)),:has(.hasInput)) .label{translate:0 -50%;font-size:inherit;border-color:transparent;cursor:text}.input-parent:is([open],:has(:is(input,textarea,select):focus)) .label,.textarea-parent:is([open],:has(:is(input,textarea,select):focus)) .label,.select-parent:is([open],:has(:is(input,textarea,select):focus)) .label{padding-inline:1rem;background-color:inherit;font-size:1em;translate:1rem 0;transform:translateY(-125%) skew(-8deg);z-index:2}@media(prefers-reduced-motion){.input-parent:is([open],:has(:is(input,textarea,select):focus)) .label,.textarea-parent:is([open],:has(:is(input,textarea,select):focus)) .label,.select-parent:is([open],:has(:is(input,textarea,select):focus)) .label{display:none;transition:none;transform:none;font-size:0;z-index:-1}}.input-parent:has([required]) .label .star,.textarea-parent:has([required]) .label .star,.select-parent:has([required]) .label .star{color:red}.input-parent.normal,.textarea-parent.normal,.select-parent.normal{font-size:4rem;line-height:1}.input-parent :is(input,textarea,select),.textarea-parent :is(input,textarea,select),.select-parent :is(input,textarea,select){border-radius:11px;width:calc(100% + 0px);height:calc(100% - .5px);padding-inline:1rem;background-color:inherit;border:none;outline:none;color:var(--color);font-size:inherit;font-family:inherit}.input-parent :is(input,textarea,select):is(select),.textarea-parent :is(input,textarea,select):is(select),.select-parent :is(input,textarea,select):is(select){padding-right:0;width:calc(100% - 1rem + 0px)}.select{position:relative}.select:not(.open){overflow:hidden}.select:not(.open) select-options{top:0!important;translate:0 calc(-100% / var(--amt, 0) * var(--num, 0))}.select:not(.open) select-options select-option:first-child{color:#d3d3d3}.select:has(select){padding-inline:0}.select:has(select-options){width:calc(100% - 1rem - 1px);padding-inline:0;cursor:pointer}.select.open select-options{border:solid 1px var(--color);translate:-1px 0;overflow:hidden}.select.open select-options select-option:first-child:hover{color:var(--color)}.select.open select-options select-option:hover{background-color:gray}.select select-options{z-index:2;border-radius:inherit;position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:inherit;color:inherit;display:grid;grid-template-rows:repeat(var(--amt, 0),1fr)}.select select-options select-option{padding-inline:1rem;-webkit-user-select:none;user-select:none;cursor:pointer}.select select-options select-option[disabled]{color:#d3d3d3}.select select{border:none;color:inherit;background:inherit;position:inherit}.select select.normal{font-size:inherit;line-height:inherit}link{cursor:pointer}.modal:not([open]){display:none;position:absolute;z-index:-1;width:0;height:0;padding:0;border:none}.modal[open]{box-sizing:border-box;width:90%;max-width:32rem;max-height:80vh;padding:0;border:none;border-radius:1.5rem;background-color:var(--surface);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.modal[open]::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[open] content{height:100%;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.modal[open] content .modal-title{font-size:1.5rem;font-weight:700;color:var(--color);text-align:center;margin:0}.modal[open] content .message{flex:1;text-align:center;color:var(--color-secondary);line-height:1.6;font-size:1rem}.modal[open] content .modal-actions{display:flex;gap:1rem;width:100%}.modal[open] content .modal-actions button{flex:1;padding:1rem 2rem;border-radius:12px;border:1px solid var(--border-color);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.modal[open] content .modal-actions button.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.modal[open] content .modal-actions button.primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal[open] content .modal-actions button.secondary{background-color:var(--surface);color:var(--color)}.modal[open] content .modal-actions button.secondary:hover{background-color:var(--bg);transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.modal[open] content .modal-actions button:active{transform:translateY(0)}.modal[open] content *{text-align:center}