body{color:#fff;--primary:#c2ae7f;--bg-primary:#000;--bg-primary-active:#fff;--color-border:#444;--padding:1rem;background:radial-gradient(circle at top,#2b2b2b 0%,#000 100%)}@media (width>=600px){body{--padding:2rem}}#app{grid-template-columns:auto minmax(0,800px) auto;min-height:100dvh;display:grid}#app:before,#app:after{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/12px 12px}#app:before{grid-area:1/1}#app:after{grid-area:1/3}main{grid-area:main}header{grid-area:header}footer{grid-area:footer}nav{grid-area:nav}menu{grid-area:menu}main section,footer section{grid-template-columns:var(--padding) auto var(--padding);border-bottom:1px solid #444;display:grid}:is(main section,footer section)>*{grid-column:2}:is(main section,footer section)>:first-child{margin-top:var(--padding)}:is(main section,footer section)>:last-child{margin-bottom:var(--padding)}:is(main section,footer section)>.full{grid-column:1/-1;margin-top:0}:is(main section,footer section):last-child{border-bottom:none}a{color:var(--primary)}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.3rem;font-weight:700}h3{font-weight:700}.hint{color:#aaa;font-size:.875rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#6464641a;border:1px solid #444;border-radius:1rem;padding:1rem}.card section{border-top:1px solid #444;margin-top:1rem;padding-top:1rem}.loading .btn.loader{color:#0000;pointer-events:none;text-shadow:none}.loading .btn.loader:before{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.btn{cursor:pointer;border-radius:32px;justify-content:center;align-items:center;gap:.5rem;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative}.btn.primary{color:#fff;text-shadow:0 1px 2px #0009;background:linear-gradient(#b78647 0%,#684218 100%);border:1px solid #865d2b;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #fff3}.btn.primary:hover{background:linear-gradient(#c79656 0%,#784d1d 100%);box-shadow:0 6px 20px #0009,inset 0 1px 1px #ffffff4d}.btn.primary:active{box-shadow:0 2px 8px #0009,inset 0 1px 3px #0006}.btn.secondary{color:#bbb;border:1px solid var(--color-border);background:0 0}.btn.secondary:hover{background:#a7a7a737}.btn.secondary:active{opacity:.8}.btn.small{padding:8px 16px;font-size:14px}.btn-circle{background-color:#212121;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.divider{color:#888;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1rem 0;display:grid}.divider:empty{background:var(--color-border)}.divider:before,.divider:after{content:"";background:var(--color-border);height:1px;display:block}.switch{--height:24px;height:var(--height);width:calc(var(--height) * 2 - 8px);display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border-radius:var(--height);background-color:#909090;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";height:calc(var(--height) - 8px);width:calc(var(--height) - 8px);background-color:#fff;border-radius:50%;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#3583f9}input:checked+.slider:before{-webkit-transform:translateX(calc(var(--height) - 8px));-ms-transform:translateX(calc(var(--height) - 8px));transform:translateX(calc(var(--height) - 8px))}input{outline:none!important}.field{border:1px solid #444;border-radius:1rem;margin-block:1rem}.field:has(input:focus){border-color:var(--primary)}.field input{width:100%;padding:1rem}.field label{pointer-events:none;color:#aaa;padding:1rem;transition:all .2s;position:absolute}.field.error{border-color:#ff4d4d}.field.error label{color:#ff4d4d}:is(.field:has(input:focus) label,.field:has(input:not(:placeholder-shown)) label){font-size:.75rem;transform:translateY(-1rem)}
