.app-shell{min-height:100vh;color:var(--text);background:#10110f}.topbar{height:74px;padding:0 max(36px,calc((100vw - 1420px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252621;background:#121311f5}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e4c54b;color:var(--text);font-weight:700;font-size:15px;letter-spacing:-1.5px;transform:skew(-8deg)}.brand-mark span,.member-card-brand span,.admin-store-mark span,.overview-stamp span{color:var(--gold)}.brand-copy{display:flex;flex-direction:column;line-height:1.15;gap:4px}.brand-copy strong{font-size:12px;letter-spacing:1.5px}.brand-copy small{color:#85867e;font-size:8px;letter-spacing:2px}.portal-label{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:#95968f;font-size:9px;letter-spacing:1.4px}.portal-label>span{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #eec84e65}.reset-button{margin-left:9px;height:32px;padding:0 11px;color:#8d8e86;border:1px solid #30312c;border-radius:4px;background:transparent;cursor:pointer;font-size:10px}.reset-button:hover{color:var(--text);border-color:#77776d}.global-notice{position:fixed;z-index:20;top:84px;right:24px;padding:11px 13px;display:flex;align-items:center;gap:9px;color:#d9e8dd;border:1px solid #344d3a;border-radius:5px;background:#1c2920;box-shadow:0 10px 40px #0007;font-size:12px}.global-notice>svg{color:#85d3a0}.global-notice button{margin-left:5px;padding:2px;display:grid;color:#a6b5aa;border:0;background:none;cursor:pointer}.phone-onboarding{width:min(460px,calc(100% - 32px));min-height:calc(100vh - 155px);margin:0 auto;padding:40px 0;display:grid;align-content:center}.phone-onboarding form{padding:28px;display:flex;flex-direction:column;gap:12px}.phone-onboarding h1{margin:2px 0 0;font-size:23px;font-weight:500}.phone-onboarding p{margin:0 0 8px;color:#a3a49c;font-size:12px;line-height:1.7}.phone-onboarding label,.profile-modal label{color:#c9c9c2;font-size:11px}.phone-onboarding input,.profile-modal input:not([type=file]){min-height:42px;padding:0 12px;color:#efefe9;border:1px solid #3c3d36;border-radius:3px;background:#11120f;font:inherit}.phone-onboarding .button-primary{margin-top:5px}.phone-error,.liff-auth-error{color:#ffc0b7;font-size:11px}.liff-auth-error{max-width:700px;margin:15px auto 0;padding:10px 14px;border:1px solid #704038;border-radius:4px;background:#301e1a}.app-footer{max-width:1420px;margin:0 auto;padding:20px 36px 25px;display:flex;justify-content:space-between;color:#6f7069;font-size:8px;letter-spacing:1.25px}.app-footer span:last-child{display:flex;align-items:center;gap:7px;letter-spacing:.3px}.app-footer i{width:5px;height:5px;border-radius:50%;background:#79b98c}@media(max-width:720px){.topbar{height:62px;padding:0 16px}.brand-mark{width:34px;height:34px}.brand-lockup{gap:9px}.portal-label{display:none}.reset-button{margin-left:2px;height:29px;padding:0 7px;font-size:9px}.app-footer{padding:18px 16px 76px;gap:8px;font-size:7px}.app-footer span:last-child{max-width:48%;text-align:right;line-height:1.5}}:root{font-family:DM Sans,Noto Sans Thai,Tahoma,Leelawadee UI,sans-serif;color:#f3f2ee;background:#10110f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--bg: #10110f;--panel: #181916;--panel-raised: #1d1e1a;--line: #2a2b26;--muted: #92938c;--soft: #c9c9c2;--text: #f4f3ef;--gold: #f2c94c;--gold-bright: #f7d860;--green: #73c89b}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}::selection{color:#11120f;background:var(--gold)}