:root{color-scheme:light;font-family:Georgia,'Times New Roman',serif;color:#fff5d6;background:#354e23}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #fff7b0;outline-offset:5px}button:disabled{cursor:wait}button{-webkit-tap-highlight-color:transparent}.garden{position:relative;isolation:isolate;width:100%;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#18352105,#173a1010),url('/assets/meadow.png') center 55%/cover no-repeat}.garden:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 110px #102c2730;pointer-events:none;z-index:8}.sunlight{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,#fff8c342,transparent 55%);pointer-events:none}.login-garden{display:grid;place-items:center;padding:80px 24px}.gate{position:relative;width:min(100%,365px);margin-top:12svh;filter:drop-shadow(0 13px 14px #14260960)}.wood{position:relative;border:3px solid #593211;border-radius:18px 13px 17px 12px;color:#fff0ca;text-shadow:0 2px 2px #251205;box-shadow:inset 0 2px 2px #efb776,inset 0 -5px 1px #472006,0 5px 0 #381e0c,0 9px 16px #14200060;background:repeating-linear-gradient(2deg,transparent 0 6px,#29100428 7px,transparent 9px 15px),repeating-linear-gradient(177deg,#8b4d25 0,#ac6832 10px,#81401d 13px,#945128 17px,#b7773e 30px)}.wood:before{content:'';position:absolute;inset:7px;border:1px solid #e8ac5f66;border-radius:12px;pointer-events:none}.login-board{padding:24px 24px 27px;transform:rotate(-1deg)}label{display:block;text-align:center;font-size:clamp(32px,9vw,43px);font-weight:bold;margin-bottom:17px}input{width:100%;height:66px;padding:10px 17px;background:repeating-linear-gradient(2deg,#e0a35f 0,#f3c58c 2px,#edb875 4px,#efba7c 9px);border:2px solid #613413;border-radius:10px;box-shadow:inset 0 3px 7px #6a2e2480,0 1px 0 #f4ca96;color:#44240d;font-size:29px;letter-spacing:5px;min-width:0}input::placeholder{color:#6b381c;opacity:.65}.post{position:absolute;z-index:-1;width:30px;top:-44px;bottom:-22px;border-radius:5px 8px 0 0;background:repeating-linear-gradient(88deg,#694020 0,#995e31 3px,#542d14 6px,#a66b38 10px);box-shadow:3px 3px 8px #15261080}.post-left{left:12px;transform:rotate(-2deg)}.post-right{right:13px;transform:rotate(3deg);top:-26px}.green{background:repeating-linear-gradient(1deg,transparent 0 8px,#18300d40 10px,transparent 12px),linear-gradient(175deg,#618139,#31541f 65%,#244415);border:8px solid #996030;box-shadow:inset 0 2px 2px #bbce75,inset 0 -3px 2px #203b10,0 5px 0 #47290f,0 8px 16px #14200060}.enter{width:96%;margin:23px 2% 0;padding:12px 10px 15px;font-size:40px;font-weight:bold;transform:rotate(1deg);transition:filter .2s,transform .2s}.vine{position:absolute;font-size:76px;color:#679b2e;line-height:1;text-shadow:2px 3px 1px #25410f;pointer-events:none}.vine-left{left:-15px;top:-21px;transform:rotate(30deg)}.vine-right{right:-13px;top:-11px;transform:rotate(145deg)}.button-leaf{position:absolute;left:2px;bottom:-19px;font-size:67px;color:#95ae45;transform:rotate(-25deg)}.nail{position:absolute;bottom:12px;width:9px;height:9px;background:radial-gradient(circle at 30% 25%,#cac3a0,#4a4837 65%);border-radius:50%;box-shadow:1px 1px 2px #211507}.nail-left{left:11px}.nail-right{right:11px}.login-error{position:absolute;width:100%;text-align:center;font:15px/1.5 system-ui;color:white;text-shadow:0 1px 3px black;top:100%;background:#23370bdf;border-radius:10px;padding:8px;margin:18px 0}.login-error:empty{display:none}.edge-slice{position:absolute;inset:0;border-radius:50%;background:#ba811f;box-shadow:0 0 0 2px #eabc55}.motes{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 29%,#ffffbf 0 2px,transparent 4px),radial-gradient(circle at 83% 72%,#fff5ad 0 2px,transparent 4px),radial-gradient(circle at 69% 18%,#fffbd099 0 1px,transparent 3px),radial-gradient(circle at 29% 84%,#fffbd0 0 1px,transparent 4px);animation:motes 8s ease-in-out infinite alternate}.notice{background:#234617;padding:12px}@keyframes motes{to{transform:translateY(-20px);opacity:.4}}@media(min-width:700px){.garden{background-position:center 62%}.gate{margin-top:7svh}}@media(max-height:700px) and (max-width:699px){}@media(prefers-reduced-motion:reduce){.motes{animation:none}*{scroll-behavior:auto!important}}.loading-board{padding:30px 23px;text-align:center;font-size:25px;line-height:1.45}.loading-board p{margin:0 0 16px}.loading-board small{font-size:18px}.loading-dots span{animation:blink 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
input:focus::placeholder{color:transparent}.loading-dots{display:flex;justify-content:center;gap:12px;margin:18px 0 0}.loading-dots span{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffd8bc,#df9182);box-shadow:0 2px 3px #48221850;animation:blink 1.2s infinite}.loading-dots span:after{content:"";position:absolute;width:8px;height:8px;left:7px;top:5px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffb5a1,#d36169);box-shadow:0 1px 2px #ad4e5b70}