@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Quicksand:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#fef9ef;font-family:Quicksand,-apple-system,sans-serif;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{z-index:100;background:#fffdf7;border-bottom:2px dashed #eed;align-items:center;gap:10px;height:56px;padding:0 12px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-logo{color:#ff6b35;font-family:Caveat,cursive;font-size:24px;font-weight:600}.city-selector{gap:4px;display:flex}.city-btn{cursor:pointer;background:#fff;border:2px dashed #ddd;border-radius:16px;padding:4px 10px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.city-btn:hover{border-color:#ffb347}.city-btn.active{color:#fff;background:#ff6b35;border-style:solid;border-color:#ff6b35}.header-search{flex:1;gap:4px;max-width:360px;display:flex}.header-search input{background:#fff;border:2px dashed #ddd;border-radius:18px;outline:none;flex:1;padding:6px 12px;font-family:Quicksand,sans-serif;font-size:14px;transition:border-color .2s}.header-search input:focus{border-color:#ffb347}.header-search button{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:18px;padding:6px 16px;font-family:Quicksand,sans-serif;font-weight:600}.header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.header-right button{cursor:pointer;background:#fff;border:2px dashed #ddd;border-radius:16px;padding:6px 12px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.header-right button:hover{border-color:#ffb347}.ai-btn{color:#7c3aed!important;background:#f3e8ff!important;border-style:dashed!important;border-color:#c4b5fd!important}.publish-btn{color:#ff6b35!important;background:#fff3e0!important;border-style:dashed!important;border-color:#ffb347!important}.user-name{color:#666;font-size:13px;font-weight:500}.app-body{flex:1;position:relative;overflow:hidden}.locate-btn{color:#ff6b35;cursor:pointer;z-index:40;background:#fff;border:2px solid #e8dcc8;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;bottom:24px;right:16px;box-shadow:0 2px 8px #00000026}.locate-btn:active{background:#fff3e0;transform:scale(.92)}.food-marker{cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.food-marker-inner{background:#fffdf7;border:2px dashed #e8dcc8;border-radius:12px;width:76px;transition:transform .2s;overflow:hidden;box-shadow:3px 3px #0000000d}.food-marker-inner:hover{border-color:#ffb347;transform:scale(1.12)rotate(-2deg)}.food-marker-img{width:76px;height:56px;overflow:hidden}.food-marker-img img{object-fit:cover;width:100%;height:100%}.food-marker-placeholder{background:linear-gradient(135deg,#ff6b35 0%,#ffb347 100%);width:100%;height:100%}.food-marker-info{flex-direction:column;gap:1px;padding:3px 6px;display:flex}.food-marker-name{color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;font-family:Quicksand,sans-serif;font-size:10px;font-weight:600;overflow:hidden}.food-marker-dist{color:#ff6b35;font-size:9px;font-weight:500}.detail-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;z-index:50;background:#fffdf7;border-left:2px dashed #e8dcc8;width:380px;height:100%;position:absolute;top:0;right:0;overflow-y:auto}.detail-panel-header{z-index:10;justify-content:flex-end;padding:12px;display:flex;position:sticky;top:0}.detail-close-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#fffdf7e6;border:2px dashed #ddd;border-radius:50%;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .2s}.detail-close-btn:hover{color:#ff6b35;border-color:#ff6b35}.detail-content{padding:0 16px 16px}.detail-name{color:#3a3a3a;margin-bottom:8px;font-family:Caveat,cursive;font-size:26px}.detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.detail-tag{color:#ff6b35;background:#fff3e0;border:1.5px dashed #ffcca0;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.detail-price{color:#e74c3c;font-size:14px;font-weight:600}.detail-rating{color:#f39c12;font-weight:700}.detail-address{color:#888;margin-bottom:12px;font-size:13px}.detail-nav-wrap{margin-bottom:16px}.detail-nav-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600}.nav-picker-overlay{z-index:9999;background:#0006;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.nav-picker{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;width:100%;max-width:400px;padding:20px;display:flex}.nav-picker-title{text-align:center;color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.nav-picker-option{cursor:pointer;text-align:center;background:#f8f8f8;border:1px solid #eee;border-radius:10px;padding:14px;font-size:16px}.nav-picker-option:active{background:#fff3e0}.nav-picker-cancel{color:#999;cursor:pointer;text-align:center;background:0 0;border:none;padding:14px;font-size:15px}.note-card{background:#fff;border:2px dashed #e8dcc8;border-radius:14px;margin-bottom:12px}.note-images{background:#f5f5f5;border-radius:14px 14px 0 0;width:100%;position:relative;overflow:hidden}.note-img-track{transition:transform .35s;display:flex}.note-img{object-fit:contain;cursor:pointer;width:100%;min-width:100%;height:auto;display:block}.note-img-nav{color:#fff;background:#00000080;border-radius:14px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.note-img-nav button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600}.image-viewer-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.image-viewer-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;font-weight:700;position:absolute;top:16px;right:16px}.image-viewer-img{object-fit:contain;max-width:90vw;max-height:85vh;transition:opacity .25s}.image-viewer-nav{color:#fff;align-items:center;gap:16px;font-size:16px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.image-viewer-nav button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:20px}.image-viewer-nav button:disabled{opacity:.3;cursor:not-allowed}.note-body{padding:12px}.note-title{color:#3a3a3a;margin-bottom:6px;font-size:15px;font-weight:600}.note-summary{color:#7c3aed;margin-bottom:6px;font-size:13px;font-style:italic}.note-content{color:#666;max-height:100px;margin-bottom:8px;font-size:13px;line-height:1.6;overflow:hidden}.note-footer{color:#999;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.note-tags{flex-wrap:wrap;gap:4px;display:flex}.note-tag{color:#ff6b35;font-size:11px;font-weight:500}.ai-panel{z-index:60;background:#fffdf7;border:2px dashed #c4b5fd;border-radius:16px;flex-direction:column;width:340px;max-height:380px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:4px 4px #7c3aed14}.ai-panel-header{border-bottom:1.5px dashed #e8e0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ai-panel-header h3{color:#7c3aed;font-family:Caveat,cursive;font-size:18px}.ai-panel-header button{cursor:pointer;color:#999;background:0 0;border:none;font-size:18px}.ai-panel-body{flex:1;min-height:80px;padding:12px 16px;overflow-y:auto}.ai-answer{color:#444;white-space:pre-wrap;font-size:14px;line-height:1.6}.ai-panel-input{border-top:1.5px dashed #e8e0f0;gap:8px;padding:12px;display:flex}.ai-panel-input input{background:#fff;border:2px dashed #ddd;border-radius:20px;outline:none;flex:1;padding:8px 14px;font-family:Quicksand,sans-serif;font-size:13px}.ai-panel-input input:focus{border-color:#c4b5fd}.ai-panel-input button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:20px;padding:8px 16px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fffdf7;border:2px dashed #e8dcc8;border-radius:18px;width:360px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:5px 5px #0000000d}.publish-modal{width:440px}.modal-content h2{color:#3a3a3a;margin-bottom:16px;font-family:Caveat,cursive;font-size:24px}.modal-content form{flex-direction:column;gap:10px;display:flex}.modal-content input,.modal-content textarea,.modal-content select{background:#fff;border:2px dashed #ddd;border-radius:12px;outline:none;padding:10px 14px;font-family:Quicksand,sans-serif;font-size:14px;transition:border-color .2s}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:#ffb347}.modal-content button[type=submit]{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:14px;margin-top:4px;padding:12px;font-family:Quicksand,sans-serif;font-size:15px;font-weight:600;transition:transform .2s}.modal-content button[type=submit]:hover{transform:scale(1.02)}.address-search-wrap{position:relative}.address-search-results{z-index:10;background:#fff;border:1px solid #eee;border-radius:8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.address-search-item{cursor:pointer;border-bottom:1px solid #f5f5f5;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.address-search-item:hover{background:#fff3e0}.address-search-item:last-child{border-bottom:none}.search-item-name{color:#333;font-size:14px;font-weight:500}.search-item-addr{color:#999;font-size:12px}.coords-ok{color:#27ae60;font-size:12px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.file-upload-label{cursor:pointer;display:block}.file-input-hidden{display:none}.file-upload-btn{text-align:center;color:#666;border:2px dashed #ddd;border-radius:12px;padding:12px 14px;font-size:14px;transition:border-color .2s;display:block}.file-upload-btn:hover{color:#ff6b35;border-color:#ffb347}.auth-error{color:#e74c3c;font-size:13px}.auth-switch{color:#666;text-align:center;margin-top:12px;font-size:13px}.auth-switch button{color:#ff6b35;cursor:pointer;background:0 0;border:none;font-family:Quicksand,sans-serif;text-decoration:underline}.detail-loading{text-align:center;color:#999;padding:40px;font-family:Caveat,cursive;font-size:18px}@media (width<=768px){.app-header{flex-wrap:wrap;gap:6px;height:auto;padding:8px 10px}.header-left{justify-content:space-between;width:100%}.header-search{order:3;width:100%;max-width:none}.header-right{margin-left:0}.header-right button{padding:5px 10px;font-size:12px}.city-selector{-webkit-overflow-scrolling:touch;overflow-x:auto}.city-btn{white-space:nowrap;padding:3px 8px;font-size:12px}.locate-btn{z-index:45;bottom:80px;right:12px}.detail-panel{border-top:2px dashed #e8dcc8;border-left:none;border-radius:18px 18px 0 0;width:100%;height:92%;top:auto;bottom:0;right:0}.note-img{width:100%;height:auto}.food-marker-inner{width:64px}.food-marker-img{width:64px;height:48px}.food-marker-name{font-size:9px}.ai-panel{z-index:100;border:none;border-radius:0;width:100%;max-height:100%;position:fixed;inset:0}.modal-content{width:calc(100% - 32px);max-width:360px;padding:20px}.publish-modal{width:calc(100% - 32px);max-width:440px}}@media (width<=480px){.header-logo{font-size:20px}.header-search input{padding:5px 10px;font-size:13px}.header-search button{padding:5px 12px;font-size:12px}.detail-panel{height:94%}.detail-name{font-size:22px}.food-marker-inner{border-width:1.5px;width:60px;min-height:44px}.food-marker-img{width:60px;height:44px}.food-marker-info{padding:2px 4px}.food-marker-name,.food-marker-dist{font-size:8px}}