:root{color-scheme:light;--page-bg-top: #c9b69a;--page-bg-bottom: #a79276;--panel-shell: #d9c6a7;--panel-shell-deep: #b79f7e;--panel-inner: #1a2118;--panel-ink: #86c58a;--panel-muted: #c2b292;--field-fill: #11150f;--field-border: #5e694d;--field-border-strong: #97d39a;--focus-ring: rgba(151, 211, 154, .2);--button-text: #2a2318;--button-face-top: #d6c19f;--button-face-mid: #c3ab85;--button-face-bottom: #a58c66;--button-outline: #8b7350;--button-shadow-soft: rgba(55, 40, 22, .16);--error: #ff9582}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Courier New,Courier,monospace;color:#2c2418;background:radial-gradient(circle at top,rgba(255,245,214,.3),transparent 34%),linear-gradient(180deg,var(--page-bg-top),var(--page-bg-bottom))}button,input{font:inherit}.pageShell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1rem}.signOnPanel{width:min(100%,25rem);padding:.42rem;border:1px solid #a78f6c;border-radius:.45rem;background:var(--panel-shell);box-shadow:inset 0 1px #fff7e4a6,inset 0 -2px #8d775585,0 1rem 2rem #4e3b212e}.panelChrome{padding:.72rem .92rem .68rem;border:1px solid #b19a77;border-radius:.24rem .24rem 0 0;background:linear-gradient(180deg,#ead7b8,#ccb089)}.panelBadge{margin:0 0 .28rem;font-size:.68rem;color:#746347;letter-spacing:.06em;text-transform:uppercase}.panelTitle{margin:0;font-size:1.06rem;font-weight:700;color:#3a2f20;letter-spacing:.04em;text-transform:uppercase}.panelBody{padding:.92rem .92rem .95rem;border:1px solid #b19a77;border-top:0;border-radius:0 0 .24rem .24rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%),var(--panel-inner);box-shadow:inset 0 0 0 1px #fffcf30a}.loginForm{display:grid;gap:.85rem}.panelStatus{margin:0 0 .7rem;color:var(--panel-ink);font-size:.78rem}.fieldGroup{display:grid;gap:.28rem}.fieldLabel{font-size:.76rem;font-weight:700;color:var(--panel-muted);letter-spacing:.04em;text-transform:uppercase}.fieldInput{width:100%;min-height:2.65rem;padding:.66rem .72rem;border:1px solid var(--field-border);border-radius:.08rem;background:var(--field-fill);box-shadow:inset 0 1px 2px #00000057,0 1px #ffffff08;color:var(--panel-ink);font-size:.96rem;transition:border-color .15s ease,box-shadow .15s ease}.fieldInput::placeholder{color:#678567}.fieldInput:focus-visible{outline:none;border-color:var(--field-border-strong);box-shadow:inset 0 1px 2px #0006,0 0 0 4px var(--focus-ring)}.submitButton{position:relative;width:100%;min-height:2.8rem;margin-top:.12rem;padding:0;border:1px solid var(--button-outline);border-radius:.18rem;background:linear-gradient(180deg,#c9b18b,#aa916d);box-shadow:0 .34rem #8a7352,0 .55rem .9rem var(--button-shadow-soft);color:var(--button-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.submitButtonFace{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.8rem;padding:.7rem 1rem;border-radius:inherit;background:linear-gradient(180deg,rgba(255,247,231,.44),transparent 26%),linear-gradient(180deg,var(--button-face-top),var(--button-face-mid) 55%,var(--button-face-bottom));box-shadow:inset 0 1px #fffaf08c,inset 0 -3px 5px #54422529;font-size:.96rem;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 0 rgba(247,236,214,.4);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease}.submitButton:hover:not(:disabled){filter:brightness(1.04)}.submitButton:focus-visible{outline:none;box-shadow:0 .34rem #8a7352,0 .55rem .9rem var(--button-shadow-soft),0 0 0 4px var(--focus-ring)}.submitButton:active:not(:disabled),.submitButton--pressed:not(:disabled){transform:translateY(.24rem) scale(.995);box-shadow:0 .16rem #8a7352,0 .24rem .45rem #3728161f}.submitButton:active:not(:disabled) .submitButtonFace,.submitButton--pressed:not(:disabled) .submitButtonFace{background:linear-gradient(180deg,rgba(255,247,231,.22),transparent 14%),linear-gradient(180deg,#bea47f,#a78b68 52%,#907754);box-shadow:inset 0 3px 7px #513f2333,inset 0 -1px 1px #fffaf038}.submitButton:disabled{cursor:wait;opacity:.9}.errorText{min-height:1rem;margin:0;color:var(--error);font-size:.82rem;font-weight:600;line-height:1.2}@media(prefers-reduced-motion:reduce){.fieldInput,.submitButton,.submitButtonFace{transition:none}}@media(max-width:560px){.pageShell{padding:.85rem}.panelBody{padding:.9rem .82rem .85rem}}