body{color:#e0e0e0;background:#1a1a2e;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100dvh}*{box-sizing:border-box;margin:0;padding:0}.loading{justify-content:center;align-items:center;height:100dvh;font-size:1.1rem;display:flex}.login-page{text-align:center;max-width:400px;margin:0 auto;padding:60px 20px}.login-page h1{color:#f5a623;margin-bottom:8px;font-size:2.2rem}.login-subtitle{color:#999;margin-bottom:40px;line-height:1.6}.login-buttons{flex-direction:column;gap:12px;display:flex}.login-btn{cursor:pointer;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .2s;display:flex}.login-btn:active{opacity:.8}.login-icon{text-align:center;width:24px;font-size:1.2rem}.google-btn{color:#333;background:#fff}.apple-btn{color:#fff;background:#000}.email-btn{color:#ccc;background:#16213e}.anon-btn{color:#aaa;background:#2a2a3e;border-color:#444}.email-form{text-align:left}.email-form input{color:#fff;background:#16213e;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem}.email-form input:focus{border-color:#f5a623}.switch-mode-btn{color:#f5a623;cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;padding:10px;font-size:.9rem;text-decoration:underline}.back-link{color:#666;cursor:pointer;background:0 0;border:none;width:100%;margin-top:4px;padding:8px;font-size:.85rem}.legal-links{color:#999;text-align:center;margin-top:24px;font-size:.7rem;line-height:1.6}.legal-link{color:#f5a623;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.7rem;text-decoration:underline}.legal-page{color:#333;max-width:600px;margin:0 auto;padding:32px 20px;line-height:1.8}.legal-page h1{color:#f5a623;margin-bottom:4px;font-size:1.3rem}.legal-date{color:#999;margin-bottom:24px;font-size:.75rem}.legal-page h2{color:#333;margin-top:20px;margin-bottom:8px;font-size:.95rem}.legal-page p,.legal-page li{color:#555;font-size:.85rem}.legal-page ul{margin-bottom:8px;padding-left:20px}.legal-page section{margin-bottom:16px}.legal-back-btn{color:#fff;cursor:pointer;background:#f5a623;border:none;border-radius:8px;margin:32px auto 0;padding:10px 40px;font-size:.9rem;display:block}.register-page{text-align:center;max-width:400px;margin:0 auto;padding:40px 20px}.register-page h1{color:#f5a623;margin-bottom:8px;font-size:2rem}.register-subtitle{color:#999;margin-bottom:32px;line-height:1.6}.register-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#aaa;margin-bottom:8px;font-size:.85rem;display:block}.form-group input[type=text]{color:#fff;background:#16213e;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem}.form-group input[type=text]:focus{border-color:#f5a623}.button-group{flex-wrap:wrap;gap:8px;display:flex}.select-btn{color:#ccc;cursor:pointer;background:#16213e;border:1px solid #333;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.select-btn.selected{color:#1a1a2e;background:#f5a623;border-color:#f5a623;font-weight:700}.area-display{color:#ccc;background:#16213e;border-radius:8px;padding:8px 16px}.photo-group{justify-content:center;display:flex}.avatar-upload{cursor:pointer;display:inline-block;position:relative}.default-avatar{background:#16213e;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.avatar-preview{object-fit:cover;border:2px solid #f5a623;border-radius:50%;width:80px;height:80px}.avatar-edit-badge{background:#f5a623;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0}.error-message{color:#ff6b6b;margin-bottom:12px;font-size:.85rem}.submit-btn{color:#1a1a2e;cursor:pointer;background:#f5a623;border:none;border-radius:8px;width:100%;padding:14px;font-size:1.1rem;font-weight:700;transition:opacity .2s}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.register-cancel{color:#999;cursor:pointer;background:0 0;border:1px solid #666;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:1rem}.main-page{flex-direction:column;max-width:500px;height:100dvh;margin:0 auto;display:flex}.header{z-index:200;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative}.area-badge{color:#ccc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #444;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.85rem;transition:background .2s}.area-badge:active{background:#ffffff14}.header-stats{color:#aaa;white-space:nowrap;font-size:.7rem}.header-right{align-items:center;gap:6px;min-width:0;display:flex}.header-edit-btn{cursor:pointer;opacity:.7;background:0 0;border:1px solid #444;border-radius:6px;padding:3px 6px;font-size:.75rem;transition:opacity .2s}.header-edit-btn:active{opacity:1}.login-header-btn{color:#f5a623;cursor:pointer;background:0 0;border:1px solid #f5a623;border-radius:8px;padding:4px 12px;font-size:.85rem}.logout-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #444;border-radius:6px;flex-shrink:0;padding:3px 6px;font-size:.7rem}.drink-fab{cursor:grab;z-index:100;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f5a623;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;transition:background .2s;display:flex;position:fixed;box-shadow:0 4px 12px #f5a62366}.drink-fab:active{transform:scale(.9)}.drink-fab.active{background:#555;box-shadow:0 4px 12px #0000004d}.drink-fab.bounce{animation:.6s fab-bounce}@keyframes fab-bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}.drink-fab-badge{color:#fff;background:#f44;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.empty-message{color:#666;padding:8px 0;font-size:.9rem}.chat-section{flex-direction:column;flex:1;min-height:0;padding:8px 16px 16px;display:flex}.chat-section h2{color:#aaa;border-bottom:1px solid #333;margin-bottom:12px;padding-bottom:8px;font-size:1rem}.chat-messages{scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1;padding-bottom:8px;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.system-message{text-align:center;margin:6px 0}.system-text{color:#f5a623;background:#f5a6231a;border-radius:12px;padding:3px 12px;font-size:.7rem;display:inline-block}.chat-message{-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:85%;margin-bottom:10px;font-size:.82rem}.chat-message.mine{cursor:pointer;margin-left:auto}.chat-nickname{color:#f5a623;margin-bottom:1px;font-size:.68rem;font-weight:700}.chat-message.mine .chat-nickname{color:#4fc3f7;text-align:right}.chat-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;align-self:flex-start;width:28px;height:28px}.chat-avatar-default{flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.chat-body{align-items:flex-end;gap:6px;display:flex}.chat-message.mine .chat-body{flex-direction:row-reverse}.chat-bubble{background:#1e2a45;border-radius:2px 12px 12px;max-width:100%;padding:6px 10px;overflow:hidden}.chat-message.mine .chat-bubble{background:#2a4a3e;border-radius:12px 2px 12px 12px}.chat-text{color:#ddd;word-break:break-word;line-height:1.4}.chat-time{color:#666;white-space:nowrap;flex-shrink:0;font-size:.6rem}.reaction-bar{gap:2px;margin-top:2px;display:flex}.chat-message.mine .reaction-bar{justify-content:flex-end}.reaction-btn{cursor:pointer;opacity:.4;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:1px;padding:1px 3px;font-size:.65rem;transition:all .2s;display:flex;position:relative}.reaction-btn:hover{opacity:.8}.reaction-btn.has-count{opacity:1;background:#16213e;border-color:#333}.reaction-btn.reacted{opacity:1;background:#f5a62326;border-color:#f5a623}.reaction-btn.pop{animation:.4s reaction-pop}@keyframes reaction-pop{0%{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}to{transform:scale(1)}}.reaction-ray{opacity:0;pointer-events:none;background:#f5a623;border-radius:1px;width:1.5px;position:absolute;top:0;left:50%}.reaction-btn.pop .r1{animation:.4s ease-out forwards rr-left}.reaction-btn.pop .r2{animation:.4s ease-out forwards rr-up}.reaction-btn.pop .r3{animation:.4s ease-out forwards rr-right}@keyframes rr-left{0%{opacity:1;height:2px;transform:translate(-50%)}to{opacity:0;height:5px;transform:translate(-6px,-8px)rotate(-35deg)}}@keyframes rr-up{0%{opacity:1;height:2px;transform:translate(-50%)}to{opacity:0;height:6px;transform:translate(-50%,-10px)}}@keyframes rr-right{0%{opacity:1;height:2px;transform:translate(-50%)}to{opacity:0;height:5px;transform:translate(4px,-8px)rotate(35deg)}}.reaction-count{color:#ccc;font-size:.6rem}.image-preview{padding:8px 0;display:inline-block;position:relative}.image-preview img{object-fit:cover;border:1px solid #444;border-radius:8px;max-width:120px;max-height:120px}.image-preview-close{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex;position:absolute;top:4px;right:-8px}.chat-image{object-fit:cover;cursor:pointer;border-radius:6px;max-width:200px;max-height:200px;transition:opacity .2s;display:block}.chat-text+.chat-image{margin-top:6px}.chat-image:active{opacity:.8}.image-modal-overlay{z-index:1000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.image-modal-img{object-fit:contain;cursor:default;border-radius:8px;max-width:80vw;max-height:80vh}.modal-nav{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:2.5rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:#ffffff4d}.modal-nav-prev{left:12px}.modal-nav-next{right:12px}.modal-counter{color:#ffffffb3;font-size:.85rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.image-attach-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;transition:opacity .2s}.image-attach-btn:hover{opacity:1}.chat-form{border-top:1px solid #333;align-items:center;gap:6px;padding-top:8px;display:flex}.chat-input-wrapper{flex:1;min-width:0;position:relative}.chat-input-label{color:#555;pointer-events:none;white-space:normal;font-size:.72rem;line-height:1.3;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.chat-input-wrapper input{color:#fff;background:#16213e;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:10px;font-size:16px}.chat-input-wrapper input:focus{border-color:#f5a623}.chat-form button[type=submit]{color:#1a1a2e;cursor:pointer;background:#f5a623;border:none;border-radius:8px;flex-shrink:0;padding:10px 14px;font-weight:700}.chat-form button:disabled{opacity:.5;cursor:not-allowed}.area-selector-overlay{z-index:1000;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.area-selector{background:#1a1a2e;border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:70vh;padding:20px;overflow-y:auto}.area-selector h3{text-align:center;color:#f5a623;margin-bottom:16px;font-size:1.1rem}.area-selector-list{flex-direction:column;gap:4px;display:flex}.area-selector-item{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;transition:background .2s}.area-selector-item:active{background:#ffffff14}.area-selector-item.active{color:#f5a623;background:#f5a62326;font-weight:700}.area-drink-count{color:#f5a623;margin-left:auto;font-size:.75rem}.area-selector-item{align-items:center;display:flex}.area-group{scrollbar-width:thin;scrollbar-color:#444 transparent;max-height:120px;overflow-y:auto}.gps-detecting{color:#4fc3f7;font-size:.75rem;font-weight:400}.gps-prompt-page{z-index:9999;background:#16213e;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.gps-prompt-card{text-align:center;width:100%;max-width:360px;padding:40px 24px}.gps-prompt-icon{margin-bottom:12px;font-size:3rem}.gps-prompt-card h1{color:#f5a623;margin-bottom:20px;font-size:2rem}.gps-prompt-text{color:#aaa;margin-bottom:32px;font-size:.95rem;line-height:1.7}.gps-prompt-allow{color:#1a1a2e;cursor:pointer;background:#f5a623;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-size:1.1rem;font-weight:700;transition:opacity .2s}.gps-prompt-allow:disabled{opacity:.7;cursor:not-allowed}.gps-prompt-allow:active{opacity:.8}.gps-prompt-skip{color:#999;cursor:pointer;background:0 0;border:1px solid #444;border-radius:12px;width:100%;padding:12px;font-size:1rem}.drink-panel-overlay{z-index:1000;background:#0009;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.drink-panel{background:#1e2a4a;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:70vh;padding:20px 20px 32px;display:flex}.drink-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drink-panel-header h3{color:#f5a623;margin:0;font-size:1.1rem;font-weight:700}.drink-panel-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.drink-panel-list{flex:1;margin-bottom:16px;overflow-y:auto}.drink-panel-empty{color:#888;text-align:center;padding:24px 0;font-size:.95rem}.drink-panel-item{background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.drink-panel-item.mine{background:#f5a62326;border:1px solid #f5a6234d}.drink-panel-name{color:#eee;font-size:.95rem;font-weight:500}.drink-panel-info{color:#888;font-size:.8rem}.drink-panel-more{text-align:center;color:#888;padding:8px 0;font-size:.85rem}.drink-panel-action{padding-top:4px}.drink-panel-join-btn{color:#1a1a2e;cursor:pointer;background:#f5a623;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:700;transition:opacity .2s}.drink-panel-join-btn:disabled{opacity:.6;cursor:not-allowed}.drink-panel-join-btn:active{opacity:.8}.drink-panel-cancel-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:12px;width:100%;padding:14px;font-size:1rem;transition:opacity .2s}.drink-panel-cancel-btn:active{opacity:.7}.user-menu-wrap{position:relative}.user-menu-btn{color:#eee;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #444;border-radius:8px;max-width:100px;padding:4px 8px;font-size:.82rem;transition:background .2s;overflow:hidden}.user-menu-btn:active{background:#ffffff14}.user-menu-dropdown{z-index:500;background:#1e2a4a;border:1px solid #333;border-radius:10px;min-width:170px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #0006}.user-menu-item{color:#ccc;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;width:100%;padding:11px 14px;font-size:.85rem;transition:background .15s;display:block}.user-menu-item:hover,.user-menu-item:active{background:#ffffff12}.user-menu-item.logout{color:#ff7070;border-top:1px solid #2e3a55}.notif-settings-overlay{z-index:1000;background:#0009;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.notif-settings-panel{background:#1e2a4a;border-radius:20px 20px 0 0;width:100%;padding:20px 20px 40px}.notif-settings-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.notif-settings-header h3{color:#f5a623;margin:0;font-size:1.1rem}.notif-settings-body{flex-direction:column;gap:12px;display:flex}.notif-settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.notif-settings-label{color:#eee;margin-bottom:2px;font-size:.95rem}.notif-settings-desc{color:#888;font-size:.78rem;line-height:1.4}.notif-toggle-btn{color:#888;cursor:pointer;background:#2a3a5a;border:1px solid #555;border-radius:20px;flex-shrink:0;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.notif-toggle-btn.on{color:#1a1a2e;background:#f5a623;border-color:#f5a623}