@property --lamp{syntax:"<length>";inherits:true;initial-value:0}.cafe-scene{--lamp:0px;--honey-light:#ffc478;--stage-width:max(100vw, calc(100dvh * 1672 / 941));--stage-left:calc((100vw - var(--stage-width)) * .3);--wall-left:calc(var(--stage-left) + var(--stage-width) * .5455);--wall-right:min(calc(var(--stage-left) + var(--stage-width)), 100vw);min-height:100dvh;transition:--lamp .9s var(--ease-zen);background:#3b2a1c;position:relative;overflow:hidden}.cafe-scene[data-lit]{--lamp:300px}.cafe-stage{top:50%;left:var(--stage-left);width:var(--stage-width);aspect-ratio:1672/941;position:absolute;translate:0 -50%}.cafe-stage>*{pointer-events:none;position:absolute}.cafe-image{object-fit:cover}.cafe-column{top:50%;left:calc((var(--wall-left) + var(--wall-right)) / 2);width:min(24rem, calc(var(--wall-right) - var(--wall-left) - 48px));position:absolute;translate:-50% -50%}.cafe-mark{width:1em;height:1em}.cafe-headline{white-space:nowrap;letter-spacing:-.035em;color:#1c140c;text-shadow:0 1px 18px #ffe2b473;align-items:center;gap:.3em;margin:0;font-size:clamp(2rem,3.4vw,3.25rem);font-weight:300;line-height:1;display:inline-flex;position:absolute;bottom:calc(100% + 24px);left:50%;translate:-50%}.cafe-card{--foreground:#2b1d12;--muted-foreground:#4a3524;--input:#6e4b2d59;--ring:#a8691a;--card:#fffaf2b3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;max-width:none;color:var(--foreground);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#f8e8d061;position:relative;box-shadow:inset 0 1px #fff5e1a6,inset 0 0 0 1px #ffeccd59,0 30px 60px -24px #46280f8c}.cafe-card .auth-submit{color:#faf8f3;background:#1e1d1b}@media (hover:hover){.cafe-card .auth-submit:not(:disabled):hover{background:#2c2b29;background:lab(17.7659% .126541 1.64809)}}.cafe-card .auth-dot{display:none}.student-theme .cafe-card .auth-input:focus-visible{border-color:var(--foreground);translate:none;box-shadow:0 0 0 3px #2b1d1224}.cafe-card:before{content:"";border-radius:inherit;background:radial-gradient(calc(var(--lamp) * .8) circle at var(--cx,-999px) var(--cy,-999px), var(--honey-light), transparent 70%);pointer-events:none;padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cafe-card{padding:36px 32px 32px;animation:none}.cafe-column{animation:cafe-column-in .6s var(--ease-zen) both}@keyframes cafe-column-in{0%{opacity:0;filter:blur(6px)}}.cafe-card .auth-panel{gap:16px}.cafe-card .auth-panel h2{letter-spacing:-.02em;text-align:center;margin-bottom:6px;font-size:24px;font-weight:500}.cafe-card .auth-label{color:var(--muted-foreground);font-size:14px}.cafe-card .auth-field{gap:6px}.cafe-card .auth-input{border-color:#0000;border-radius:12px;height:48px}.cafe-card .auth-reveal{background:#2b1d120f;border-radius:999px;height:36px;padding:0 12px;font-size:13px}@media (hover:hover){.cafe-card .auth-reveal:hover{background:#2b1d121f}}.cafe-card .auth-row{flex-direction:column;justify-content:center;gap:10px;margin:4px 0}.cafe-card .auth-link,.cafe-card .auth-check{color:var(--muted-foreground);font-size:14px}.cafe-card .auth-check input{appearance:none;background:var(--card) no-repeat center / 0 0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23faf8f3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");width:20px;height:20px;transition:background-color .16s ease-out, border-color .16s ease-out, background-size .22s var(--ease-zen);border:1.5px solid #2b1d1273;border-radius:6px;flex:none;place-content:center;margin:0;display:grid}.cafe-card .auth-check input:checked{background-color:#1e1d1b;background-size:14px 14px;border-color:#1e1d1b}.cafe-card .auth-check input:focus-visible{outline-offset:2px;outline:2px solid #1e1d1b}.cafe-card .auth-submit{height:50px;margin-top:2px;font-size:15px}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.cafe-card:after{content:"";border-radius:inherit;background:var(--honey-light);opacity:0;pointer-events:none;transition:opacity .5s var(--ease-zen), background-color .5s var(--ease-zen);padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cafe-card .auth-field,.cafe-card .auth-row{transition:opacity .4s var(--ease-zen)}.cafe-scene[data-checking] .cafe-card:after{background:conic-gradient(from var(--spin), transparent 0 60%, #f2c94c8c 76%, var(--honey) 86%, #fff1b8 90%, transparent 97%);opacity:1;animation:1.4s linear infinite cafe-spin}.cafe-scene[data-checking] .cafe-card .auth-field,.cafe-scene[data-checking] .cafe-card .auth-row{opacity:.6}.cafe-scene[data-done] .cafe-card:after{background:var(--honey);opacity:1}.cafe-scene[data-entering] .cafe-headline{opacity:0;transition:opacity .3s var(--ease-zen), translate .3s var(--ease-zen);translate:-50% -10px}.cafe-scene[data-entering] .cafe-card .auth-panel{opacity:0;filter:blur(4px);transition:opacity .25s ease-out,filter .25s ease-out}.cafe-scene[data-entering] .cafe-card,.cafe-scene[data-entering] .cafe-card[data-leaving]{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:none;background:0 0;transition:background-color .45s ease-out,-webkit-backdrop-filter .45s ease-out,backdrop-filter .45s ease-out,box-shadow .3s ease-out;animation:.65s forwards cafe-orb-hold,1.6s ease-in-out .65s infinite alternate cafe-orb-float}.cafe-scene[data-entering] .cafe-orb{animation:.65s forwards cafe-orb-skin}.cafe-scene[data-entering] .cafe-orb-glow{animation:.65s forwards cafe-orb-glow-hold,1.6s ease-in-out .65s infinite alternate cafe-orb-glow-float}@keyframes cafe-orb-glow-float{to{translate:-50% calc(-50% - 5px)}}@keyframes cafe-orb-hold{0%,15%{clip-path:inset(0 round 28px);animation-timing-function:cubic-bezier(.65,0,.35,1)}80%{clip-path:inset(calc(50% - 40px) round 40px);animation-timing-function:ease-in-out;scale:1}90%{scale:1.08 1.03}to{clip-path:inset(calc(50% - 40px) round 40px);scale:1}}@keyframes cafe-orb-glow-hold{0%,60%{opacity:0}to{opacity:1}}@keyframes cafe-orb-float{to{translate:0 -5px}}.cafe-orb,.cafe-orb-glow{pointer-events:none;opacity:0;position:absolute}.cafe-orb{background:radial-gradient(9px at calc(50% - 16px) calc(50% - 18px),#fffffff2,#0000 100%),radial-gradient(5px at calc(50% + 17px) calc(50% + 19px),#fff9,#0000),radial-gradient(40px,#0000 76%,#ffffff4d 92%,#ffffffb3 100%);inset:0}.cafe-orb:before{content:"";background:conic-gradient(from var(--spin) at 50% 50%, #ffc8e8, #c8e4ff, #d4ffd0, #fff0b8, #ffc8e8);mix-blend-mode:screen;opacity:.6;animation:3s linear infinite cafe-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(40px,#0000 80%,#000 96%);mask:radial-gradient(40px,#0000 80%,#000 96%)}.cafe-orb-glow{border-radius:50%;width:80px;height:80px;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 34px 4px #ffffff4d}.cafe-card[data-shake]{animation:.4s cubic-bezier(.36,.07,.19,.97) cafe-denied}.cafe-card[data-shake]:after{opacity:.85;background:#c0583c}.cafe-card:has(.auth-error):after{opacity:.85;background:#c0583c}.cafe-card .auth-error{animation:cafe-error-in .5s var(--ease-zen) both;overflow:hidden}@keyframes cafe-spin{to{--spin:1turn}}@keyframes cafe-orb-skin{0%,12%{opacity:0}50%,to{opacity:1}}@keyframes cafe-denied{20%{translate:-7px}40%{translate:5px}60%{translate:-3px}80%{translate:1.5px}}@keyframes cafe-error-in{0%{opacity:0;max-height:0;margin-top:-16px;padding-block:0}60%{opacity:0}to{max-height:8rem}}@media (prefers-reduced-motion:reduce){.cafe-scene[data-checking] .cafe-card:after{background:var(--honey)}}@media (max-width:899px){.cafe-column{width:auto;inset:auto 16px 24px;translate:none}.cafe-headline{color:#faf3e6;text-shadow:0 1px 16px #140c04a6}}