*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%}img,video{max-width:100%;height:auto}input,select,textarea{font-size:16px;max-width:100%}.demo-banner{background-color:#fff3cd;color:#664d03;text-align:center;padding:6px 12px;font-size:13px;border-bottom:1px solid #ffe69c}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 20px;background-color:#333;color:#fff}.app-header h1{margin:0;font-size:1.2rem}.app-title-link{color:inherit;text-decoration:none}.app-title-link:hover{text-decoration:underline}.header-right{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.user-name{font-weight:700;white-space:nowrap}.login-email{font-size:13px;color:#cfcfcf;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.logout-button{background:none;border:1px solid #aaa;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px}.logout-button:hover{background-color:#555}@media (max-width: 600px){.app-header{padding:8px 12px;gap:6px}.app-header h1{font-size:1rem}.header-right{gap:8px;font-size:13px}.login-email{max-width:120px;font-size:12px}.logout-button{padding:3px 8px;font-size:12px}}