:root{--sky: #58abe8;--grass: #8fbf3f;--earth: #3a2a1e;--amber: #e08a2c;--rust: #d9552b;--rust-dark: #b8431f;--paper: #fdf3dc;--paper-bright: #fffaf0;--line: #7a6449;--muted: #7d6b55}*{box-sizing:border-box}html,body{font-family:Space Mono,ui-monospace,Courier New,monospace;color:var(--earth);margin:0;padding:0;overflow-x:hidden;min-height:100%;background-color:var(--sky);background-image:url(/background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;image-rendering:pixelated}button,input{font:inherit}#app,#app-wrapper{min-height:100vh;display:flex;flex-direction:column;width:100%}.navbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background-color:#231912c7;padding:10px 16px;color:var(--paper);image-rendering:auto}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{display:flex;align-items:center}.nav-links-left,.nav-links-right{list-style:none;display:flex;gap:16px;margin:0;padding:0;align-items:center}.nav-links-left li a,.nav-links-right li a,.nav-logout-btn{color:var(--paper);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.nav-links-left li a:hover,.nav-links-right li a:hover,.nav-logout-btn:hover{color:var(--amber)}.nav-user-email{font-size:.78rem;color:#ded5c6}.nav-logout-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.shell{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.panel{position:relative;width:min(380px,100%);background:var(--paper);border:2px solid var(--line);border-radius:6px;padding:26px 24px;box-shadow:0 10px 28px #1e161059;image-rendering:auto;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgb(58 42 30 / 5%) 0 1px,transparent 1px 3px)}.gateway-form{position:relative;display:flex;gap:8px}.gateway-form input{flex:1;min-width:0;border:2px solid var(--line);border-radius:4px;padding:11px 12px;background:var(--paper-bright);color:var(--earth);letter-spacing:.08em;box-shadow:inset 0 2px 5px #3a2a1e24}.gateway-form input:focus{outline:none;border-color:var(--amber);box-shadow:inset 0 2px 5px #3a2a1e24,0 0 0 3px #e08a2c52}.submit-button{border:2px solid var(--line);border-radius:4px;background:var(--rust);color:var(--paper-bright);padding:0 16px;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .15s ease}.submit-button:hover{background:var(--rust-dark)}.submit-button:active{transform:translateY(1px)}.submit-button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.status{position:relative;margin:14px 0 0;font-size:.78rem;letter-spacing:.06em;text-align:center;color:var(--muted)}.status.error{color:var(--rust-dark)}