.fab-container{position:fixed;bottom:2rem;right:2rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.fab-button{border-radius:50%;background-color:var(--text-color);color:#fff;border:none;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.fab-button:hover{background-color:var(--text-color);transform:scale(1.1);box-shadow:0 6px 16px #0003;color:#fff}.fab-menu{display:flex;flex-direction:column;gap:.5rem;animation:fadeInUp .3s ease}.fab-menu-item{padding:.75rem 1.5rem;border-radius:24px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.fab-menu-item:hover{padding:.75rem 1.5rem;font-weight:500;transform:translate(-6px)}.fab-menu-item.disabled{opacity:.5;cursor:not-allowed}.fab-menu-item.disabled:hover{transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.fab-container{bottom:2rem;right:2rem}.fab-button{height:48px}.fab-menu-item{padding:.6rem 1.2rem;font-size:.9rem}}.game-table-container{width:100%;overflow-x:auto;border-radius:4px;border:1px solid var(--border-color)}.game-table{width:100%;border-collapse:collapse;background-color:var(--surface-color);table-layout:fixed}.game-table thead{background-color:var(--background-color);border-bottom:2px solid var(--primary-color)}.game-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color);white-space:nowrap;flex-shrink:1;flex-basis:100%;min-width:var(--elem-min-width);width:calc(100% / var(--gt-num-cols, 3))}.game-table th:last-child{width:calc(var(--gt-num-action-buttons, 2) * var(--action-button-size) + 1.5rem)}.game-table td{padding:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-color);position:relative}.game-table tbody tr:last-child td{border-bottom:none}.game-table tbody tr:hover{background-color:var(--primary-color-focus)}.table-input{padding:calc(.5rem - 1px);border:1px solid var(--primary-color);border-radius:4px;box-sizing:border-box}.table-common-cell{width:100%;height:44px;max-height:44px;margin:0;text-align:left}p.table-common-cell{padding:.5rem;align-content:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 1.25rem),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 1.25rem),transparent 100%)}p.table-common-cell::-webkit-scrollbar{display:none}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.5rem;border-radius:4px;border:1px solid transparent;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;height:32px}.edit-btn{color:var(--primary-color);border-color:var(--primary-color)}.edit-btn:hover{background-color:var(--primary-color);color:#fff}.delete-btn{color:#dc3545;border-color:#dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}.save-btn{color:#28a745;border-color:#28a745}.save-btn:hover{background-color:#28a745;color:#fff}.cancel-btn{color:#6c757d;border-color:#6c757d}.cancel-btn:hover{background-color:#6c757d;color:#fff}.empty-table{padding:3rem 1rem;text-align:center;color:var(--text-color-opacity);background-color:var(--surface-color);border-radius:4px;border:1px solid var(--border-color)}@media(max-width:768px){.game-table th,.game-table td{padding:.75rem .5rem;font-size:.9rem}.action-buttons{gap:.25rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--surface-color);border-radius:6px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-color);transition:transform .3s ease}.modal-content:active{transform:scale(1.02)}.modal-content h3{margin-top:0;color:var(--text-color)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.sign-in-status-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--surface-color);gap:1rem;flex-wrap:wrap}.sign-in-status-bar.loading{background-color:var(--primary-color-opacity)}.sign-in-status-bar.authenticated{border-color:#28a7454d;background-color:#28a7450d}.sign-in-status-bar.unauthenticated{border-color:#ffc1074d;background-color:#ffc1070d}.status-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.status-indicator,.status-icon{flex-shrink:0}.status-icon.warning{color:#ffc107}.status-text{color:var(--text-color);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-text strong{font-weight:600}.status-spinner{color:var(--primary-color)}.sync-status{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.75rem;border-left:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.sync-spinner{color:var(--primary-color)}.sync-icon.online{color:#28a745}.sync-icon.offline{color:#6c757d}.sync-text{white-space:nowrap}.status-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-avatar{width:36px;height:36px;max-height:36px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;padding:0;min-width:36px}.user-avatar:hover{transform:scale(1.05);background-color:var(--primary-color);color:#fff}.sign-in-button,.sign-out-button{padding:.5rem 1rem;font-size:.85rem;border-radius:6px;gap:.5rem;height:36px;max-height:36px;min-width:auto}.sign-out-button{background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.sign-out-button:hover{background-color:var(--primary-color-focus);border-color:var(--primary-color);color:var(--primary-color)}.button-text{display:inline}@media(max-width:600px){.sign-in-status-bar{flex-direction:column;align-items:stretch;gap:.75rem}.status-content{justify-content:center;flex-wrap:wrap}.status-actions{justify-content:center}.status-text{white-space:normal;text-align:center}.sync-status{margin-left:0;padding-left:0;border-left:none;width:100%;justify-content:center}.button-text{display:none}.sign-out-button{padding:.5rem;min-width:36px;width:36px;border-radius:50%}}:root{--action-button-size: 36px}.screen-backdrop{position:fixed;top:0;left:0;right:0;width:100%;height:100%;background-color:#00000026;z-index:999;display:flex;justify-content:center;align-items:center}.register-screen{position:fixed;top:0;right:0;width:90%;max-width:1200px;height:100vh;background-color:var(--background-color);box-shadow:-4px 0 20px #0000002e;display:flex;flex-direction:column;overflow:hidden}.screen-in-mobile{z-index:1000}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:calc(1.5rem + env(safe-area-inset-top,0px)) 2rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--surface-color)}.screen-header h2{margin:0;color:var(--text-color)}.close-button{background:none;border:none;color:var(--text-color);padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-button:hover{background-color:var(--primary-color-focus);color:var(--primary-color)}.register-content{flex:1;overflow-y:auto;padding:2rem 2rem calc(2rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:2rem}.registration-section,.games-table-section{background-color:var(--surface-color);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color)}.registration-section h3,.games-table-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.form-rows{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-row{display:flex;align-items:center;width:100%}.form-row-fields{flex-basis:100%;flex-shrink:1;max-width:100%;display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;align-items:center}.form-row-checkbox{display:flex;align-items:center;min-width:0px;width:0px;overflow:hidden;transition:all .35s ease;position:relative}.form-row-checkbox.remove-mode{min-width:calc(var(--checkbox-size) + 1rem);width:calc(var(--checkbox-size) + 1rem)}.checkbox-input{opacity:0;transition:opacity .3s ease}.checkbox-input.display-checkbox{opacity:1}.checkbox-icon{pointer-events:none;position:absolute;top:0;left:0;width:var(--checkbox-size);height:var(--checkbox-size);opacity:0;transition:opacity .2s ease;border-radius:6px;color:var(--surface-color)}.checkbox-icon.display-icon{opacity:1}.form-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0}.divider-line{flex:1;height:1px;background-color:var(--border-color)}.divider-buttons{display:flex;gap:.5rem}.action-btn{width:var(--action-button-size);height:var(--action-button-size);padding:.5rem;border-radius:50%;border:1px solid var(--primary-color);background-color:var(--surface-color);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.register-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;text-transform:uppercase}.register-button:disabled{opacity:.5;cursor:not-allowed}.register-content>.sign-in-status-bar{margin-top:auto;position:sticky;bottom:0;background-color:var(--surface-color)}@media(max-width:768px){.screen-in-mobile{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.screen-in-mobile .screen-header{padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem 1rem}.screen-in-mobile.slide-up-animation{animation:slideLeft .3s ease!important}.form-row{grid-template-columns:1fr}.register-content{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px))}.registration-section,.games-table-section{padding:1rem}}.search-results{margin-top:2rem;opacity:0;transform:translateY(-10px);transition:all .4s ease;pointer-events:none}.search-results.visible{opacity:1;transform:translateY(0);pointer-events:all}.results-table{width:100%;max-width:800px;margin:0 auto;border-collapse:collapse;background-color:var(--surface-color);border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;table-layout:fixed}.results-table thead{background-color:var(--primary-color);color:#fff}.results-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.results-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-color);position:relative}.results-table tbody tr:last-child td{border-bottom:none}.results-table tbody tr{transition:background-color .2s ease;animation:fadeIn .3s ease}.results-table tbody tr:hover{background-color:var(--primary-color-focus)}.title-cell{font-weight:500;color:var(--primary-color)}.cell-text{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 1.25rem),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 1.25rem),transparent 100%)}.cell-text::-webkit-scrollbar{display:none}.no-results{max-width:800px;margin:0 auto;padding:3rem 2rem;text-align:center;background-color:var(--surface-color);border:2px solid var(--primary-color);border-radius:8px;color:var(--text-color-opacity)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.results-table{font-size:.9rem}.results-table th,.results-table td{padding:.75rem .5rem}.results-table th{font-size:.75rem}}.monitor-panel{background-color:var(--surface-color);border-radius:12px;max-width:680px;width:75%;max-height:90vh;height:90vh;overflow:hidden;box-shadow:0 8px 20px #0000002e;display:flex;flex-direction:column}.monitor-panel-close{background:transparent;border:none}.monitor-panel-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:0}.monitor-section{background-color:var(--background-color);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.monitor-section h3{margin:0 0 1rem;font-size:1rem;color:var(--text-color)}.health-section{display:flex;justify-content:space-between;align-items:center}.health-status{display:flex;flex-direction:column;gap:.5rem}.health-indicator{display:flex;align-items:center;gap:.5rem}.status-online{color:#28a745}.status-offline{color:#dc3545}.status-text{font-weight:500}.status-text.online{color:#28a745}.status-text.offline{color:#dc3545}.last-sync{font-size:.85rem;color:var(--text-color);opacity:.7}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.versions-section{display:flex;flex-direction:column;flex:1;min-height:0}.versions-list-container{flex:1;min-height:0;display:flex;flex-direction:column}.versions-list-container .loading-state,.versions-list-container .empty-state{flex:1;padding:0}.versions-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;height:100%}.version-item{display:flex;flex-direction:column;padding:.75rem;background-color:var(--surface-color);border-radius:6px;border:1px solid var(--border-color);transition:border-color .2s ease}.version-item:hover{border-color:var(--primary-color)}.version-item.latest{border-color:#28a74580;background-color:#28a7450d}.version-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.version-number{font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.latest-badge{font-size:.7rem;padding:.2rem .5rem;background-color:#28a745;color:#fff;border-radius:4px;font-weight:500}.version-date,.version-size{font-size:.85rem;color:var(--text-color);opacity:.7}.version-item:hover .view-details-button{color:var(--primary-color)}.view-details-button{background-color:transparent;color:var(--text-color-opacity);border:none}.view-details-button:hover{color:var(--surface-color)!important;border:none}.view-details-button:disabled{opacity:.25;cursor:not-allowed;transform:none!important}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem;color:var(--text-color);opacity:.7}.error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;padding:.75rem;color:#dc3545;font-size:.9rem;margin-bottom:1rem}.version-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;animation:version-item-fade-in .2s ease;will-change:opacity,transform}.version-item.expanded{border-color:var(--primary-color);background-color:#c339740d}.version-item-details{margin-top:.75rem;animation:version-item-fade-in .6s ease;will-change:opacity,transform}@keyframes version-item-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.version-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--text-color)}.detail-value{color:var(--text-color);opacity:.8;text-align:right;word-break:break-all}.close-details-button{width:100%;max-height:none}.close-details-button:hover{opacity:.9}@media(max-width:768px){.monitor-panel-content{padding:1rem}.version-info{flex-direction:column;align-items:flex-start;gap:.25rem}.health-section{flex-wrap:wrap;gap:1rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.login-modal-content{background-color:var(--surface-color);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 8px 32px #00000026;border:1px solid var(--border-color);position:relative}.modal-close-button{position:absolute;top:1rem;right:1rem}.login-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.login-modal-icon{color:var(--primary-color);margin-bottom:.5rem}.login-modal-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.login-modal-description{text-align:center;color:var(--text-color);opacity:.7;margin-bottom:1.5rem}.login-modal-form{display:flex;flex-direction:column;gap:1rem}.login-modal-field{display:flex;flex-direction:column;gap:.5rem}.login-modal-field label{font-weight:500;color:var(--text-color);font-size:.9rem}.login-modal-field input{width:100%}#login-password{padding-right:2.5rem}.toggle-icon{cursor:pointer}.login-modal-error{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;padding:.75rem 1rem;color:#dc3545;font-size:.9rem;text-align:center}.login-modal-submit{width:100%;margin-top:.5rem;gap:.5rem;max-height:none}.login-modal-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-modal-footer{text-align:center;margin-top:1.5rem;margin-bottom:0;color:var(--text-color);opacity:.6;font-size:.85rem}@media(max-width:480px){.login-modal-content{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.login-modal-header h2{font-size:1.25rem}}:root{--primary-color: #c33974;--text-color: #211e1f;--text-color-opacity: rgba(33, 30, 31, .3);--primary-color-opacity: rgba(195, 57, 116, .05);--primary-color-focus: rgba(195, 57, 117, .17);--background-color: #fefefe;--surface-color: #ffffff;--border-color: rgba(33, 30, 31, .15);--border-hover: rgba(33, 30, 31, .25);--checkbox-size: 20px;--elem-min-width: 46px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background-color:var(--background-color)}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.2;margin:0 0 .5rem;color:var(--text-color)}p{margin:0 0 1rem;line-height:1.5}a{color:var(--primary-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}a:focus{outline:2px solid var(--primary-color-opacity);outline-offset:2px;border-radius:3px}.container{margin:0;padding:2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:100vh;gap:2rem}.row{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 1.5em rgba(195,57,116,.4))}input,button,textarea,select{margin:0;border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:400;font-family:inherit;color:var(--text-color);background-color:var(--surface-color);outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:44px;max-height:44px;min-width:var(--elem-min-width);box-sizing:border-box}input:focus,button:focus,textarea:focus,select:focus,[tabindex]:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-color-focus)}input:is([type=radio],[type=checkbox]){padding:0;min-width:var(--checkbox-size);width:var(--checkbox-size);height:var(--checkbox-size);cursor:pointer;box-shadow:inset 0 1px 1px #0000001a}input:is([type=radio],[type=checkbox]):active{transform:scale(.92)}input:is([type=radio],[type=checkbox]):checked{border:none;background-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E"),linear-gradient(to bottom,#fff3,#fff0 50%);background-repeat:no-repeat;background-position:center;background-size:90% 90%,cover;box-shadow:inset 0 1px 1px #0000001a}button{cursor:pointer;background-color:var(--primary-color);font-weight:500;border-color:var(--primary-color);color:var(--surface-color);text-transform:uppercase;display:flex;align-items:center;justify-content:center;transition:all .3s ease,box-shadow .15s ease}button:hover{background-image:linear-gradient(var(--primary-color-opacity),var(--primary-color-opacity));background-color:#fff;border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.02);box-shadow:none}button:active{transform:scale(.96)}button[data-button-type=cancel],button[data-button-type=cancel]:hover{background-color:var(--text-color);border-color:var(--text-color);color:var(--surface-color)}#search-input{width:260px;min-width:200px;padding-right:2.5rem}.decorated-input-container{position:relative;display:flex;align-items:center}.input-icon-end{position:absolute;right:.75rem;color:var(--primary-color)}.search-icon{pointer-events:none}.icon-button{padding:.25rem;max-width:var(--elem-min-width)}::selection{background-color:#c3397433}::-moz-selection{background-color:#c3397433}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.js-focus-visible input:focus:not(.focus-visible),.js-focus-visible button:focus:not(.focus-visible),.js-focus-visible textarea:focus:not(.focus-visible),.js-focus-visible select:focus:not(.focus-visible){box-shadow:none;border-color:var(--border-color)}input,textarea,select,a{transition:all .15s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up-animation{animation:slideUp .3s ease}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-left-animation{animation:slideLeft .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-animation{animation:fadeIn .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}.container>*{margin-bottom:1rem}.container>*:last-child{margin-bottom:0}@media(prefers-contrast:high){:root{--border-color: rgba(33, 30, 31, .6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.container{padding:1.5rem 1rem;gap:1.5rem}.logo{height:4em;padding:1em}input,button{padding:.6rem .8rem;font-size:.9rem}#greet-input{width:100%;max-width:280px;margin-bottom:.5rem}.row{flex-direction:column;gap:.75rem}}@media(max-width:480px){.container{padding-top:calc(1.5rem + env(safe-area-inset-top,0px))}}