:root{color-scheme:dark;--bg:#08111f;--panel:#101b2d;--panel-2:#16243b;--text:#ecf3ff;--muted:#9db0cf;--accent:#5eb6ff;--border:hsla(0,0%,100%,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#12233e 0,var(--bg) 50%,#050a12 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.input,input.input,select.input,textarea.input{width:100%;min-height:46px;padding:11px 14px;border-radius:16px;border:1px solid rgba(147,197,253,.14);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05)),linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.82));color:#eef6ff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 10px 24px rgba(2,6,23,.22);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder,input.input::placeholder,textarea.input::placeholder{color:rgba(191,219,254,.48)}.input:hover,input.input:hover,select.input:hover,textarea.input:hover{border-color:rgba(125,211,252,.24);background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06)),linear-gradient(180deg,rgba(17,24,39,.95),rgba(15,23,42,.86))}.input:focus,input.input:focus,select.input:focus,textarea.input:focus{border-color:rgba(96,165,250,.55);box-shadow:0 0 0 4px rgba(59,130,246,.16),0 14px 30px rgba(37,99,235,.18),inset 0 1px 0 hsla(0,0%,100%,.08);background:linear-gradient(180deg,hsla(0,0%,100%,.13),hsla(0,0%,100%,.07)),linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.88));transform:translateY(-1px)}select.input{cursor:pointer;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,rgba(191,219,254,.88) 0),linear-gradient(135deg,rgba(191,219,254,.88) 50%,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05)),linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.82));background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),0 0,0 0;background-size:6px 6px,6px 6px,100% 100%,100% 100%;background-repeat:no-repeat}input.input[type=color]{padding:4px;min-width:52px;width:52px;min-height:40px;cursor:pointer;overflow:hidden}input.input[type=color]::-webkit-color-swatch-wrapper{padding:0}input.input[type=color]::-webkit-color-swatch{border:none;border-radius:11px}input.input:disabled,select.input:disabled,textarea.input:disabled{opacity:.7;cursor:not-allowed;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}