.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.accountBtn{z-index:2000;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;top:8px;right:16px}.accountDropdown{z-index:2000;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:150px;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;top:44px;right:16px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.dropdownItem{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:8px 12px;transition:background-color .2s;display:block}.dropdownItem:hover{background-color:#f5f5f5}.dropdownItem:not(:last-child){border-bottom:1px solid #eee}.addTreeBtn{z-index:1500;color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:50px;padding:10px 20px;font-weight:500;transition:background-color .2s;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}@media (height<=600px){.addTreeBtn{bottom:80px}}.addTreeBtn:hover{background:#43a047}.myLocationBtn{z-index:1500;color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:20px;transition:all .2s;display:flex;position:absolute;bottom:180px;right:20px;box-shadow:0 2px 8px #00000026}.myLocationBtn:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.myLocationBtn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}@media (height<=600px){.myLocationBtn{bottom:160px}}@media (width<=768px){.myLocationBtn{width:44px;height:44px;font-size:18px;bottom:160px;right:16px}}.infoOverlay{z-index:1001;color:#fff;pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:50px;width:auto;padding:8px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;display:inline-block;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (width<=480px){.infoOverlay{padding:6px 12px;font-size:12px}}.pinOverlayContainer{z-index:1001;pointer-events:none;will-change:transform;contain:layout paint;background:0 0;flex-direction:column;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.centerPin{z-index:1001;pointer-events:none;will-change:transform;backface-visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.pinOverlayInfo{color:#fff;pointer-events:none;z-index:1001;text-align:center;white-space:nowrap;contain:content;will-change:transform;background:#000000b3;border-radius:50px;width:auto;padding:8px 16px;font-size:14px;display:inline-block;position:absolute;top:80px;left:50%;transform:translate(-50%)}@media (width<=600px){.pinOverlayInfo{width:auto;max-width:none;padding:6px 12px;font-size:12px;top:120px}}@media (height<=500px){.pinOverlayInfo{top:60px}}.pinOverlaySubInfo{opacity:.8;margin-top:4px;font-size:12px;display:block}.pinOverlayControls{z-index:1001;pointer-events:none;gap:12px;display:flex;position:absolute;bottom:100px}@media (height<=600px){.pinOverlayControls{bottom:80px}}.pinOverlayButton{cursor:pointer;pointer-events:auto;border:none;border-radius:50px;padding:10px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;box-shadow:0 1px 4px #0003}.confirmButton{color:#fff;background:#4caf50}.confirmButton:hover{background:#43a047}.backButton{color:#333;background:#fff}.backButton:hover{background:#f1f1f1}.loadingOverlay{z-index:1001;background:#ffffffe6;border-radius:8px;flex-direction:column;align-items:center;width:auto;padding:16px 24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000001a}.loadingSpinner{border:3px solid #0000001a;border-top-color:#4caf50;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:1s ease-in-out infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.treeSidebar{z-index:1600;background:#fff;flex-direction:column;width:320px;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.3s ease-out slideIn;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 2px 24px #00000040}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebarHeader{color:#fff;background:#4caf50;flex-direction:column;align-items:flex-start;padding:16px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.sidebarHeader h2{text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-width:calc(100% - 30px);margin:0;font-size:18px;font-weight:500;line-height:1.3;overflow:hidden}.closeBtn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;padding:0 8px;font-size:24px;line-height:1;transition:opacity .2s;position:absolute;top:12px;right:12px}.closeBtn:hover{opacity:1}.sidebarContent{flex-direction:column;flex:1;padding:16px 16px 120px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-y:hidden}@media (height<=600px){.sidebarContent{padding-bottom:100px}}.sidebarSection{margin-bottom:24px}.sidebarSection:last-child{flex-direction:column;flex-grow:1;margin-bottom:0;display:flex}.sidebarSection h3{color:#333;margin:0 0 8px;padding-top:4px;font-size:16px;font-weight:500}.sidebarSection p{color:#555;margin:0 0 8px;font-size:14px;line-height:1.5}.spotInfoSection{border-bottom:1px solid #eaeaea;flex-direction:column;gap:8px;padding:4px 0 8px;display:flex}.locationLink{color:#4285f4;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.locationLink:hover{color:#0f9d58;text-decoration:underline}.addedByInfo{color:#555;margin:0;font-size:14px;line-height:1.5}.editedInfo{color:#777;margin:2px 0 0;font-size:12px}.commentsSection{flex-direction:column;flex:1;min-height:0;margin-top:8px;display:flex;overflow:hidden}.commentsScrollArea{flex-direction:column;flex:1;min-height:0;max-height:calc(100vh - 400px);padding-top:5px;padding-bottom:60px;display:flex;overflow-y:auto}.commentsList{flex:1;margin-bottom:20px;padding-right:8px;overflow-y:auto}.commentsList::-webkit-scrollbar{width:6px}.commentsList::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.commentsList::-webkit-scrollbar-track{background-color:#0000000d}.commentItem{border-bottom:1px solid #eaeaea;margin-bottom:12px;padding:12px 0}.commentItem:last-child{margin-bottom:24px;padding-bottom:24px}.commentHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.commentAuthor{color:#333;margin-right:8px;font-size:14px;font-weight:600}.commentDates{flex-direction:column;align-items:flex-end;display:flex}.commentDate{color:#777;font-size:12px}.commentEdited{color:#999;margin-top:2px;font-size:11px}.commentContent{word-wrap:break-word;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5;display:block}.commentLink{color:#4285f4;word-break:break-all;font-weight:500;text-decoration:none;transition:color .2s}.commentLink:hover{color:#0f9d58;text-decoration:underline}.commentFormContainer{z-index:1601;backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #eaeaea;border-radius:8px;padding:16px;position:absolute;bottom:100px;left:8px;right:8px;box-shadow:0 2px 10px #0000001a}@media (height<=600px){.commentFormContainer{bottom:80px}}.commentForm{flex-direction:column;width:100%;display:flex}.commentInput{resize:none;background-color:#0000;border:none;border-bottom:2px solid #ddd;width:100%;min-height:24px;margin-bottom:16px;padding:5px 2px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.3;transition:border-color .2s,min-height .2s;overflow:hidden}.commentInput:focus{border-color:#4caf50;outline:none}.commentInput.expanded{resize:vertical;min-height:80px;overflow:auto}.commentSubmit{color:#fff;cursor:pointer;text-align:center;background-color:#4caf50;border:none;border-radius:50px;align-self:center;min-width:120px;padding:10px 20px;font-weight:500;transition:background-color .2s;box-shadow:0 2px 10px #0003}.commentSubmit:hover:not(:disabled){background-color:#43a047}.commentSubmit:disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc}.commentError{color:#d32f2f;margin:4px 0 8px;font-size:12px}.noComments,.commentLoading{color:#777;flex:1;justify-content:center;align-items:center;padding:16px 0;font-style:italic;display:flex}.usernameNotification{color:#333;z-index:2000;white-space:nowrap;cursor:pointer;background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;align-items:center;padding:6px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;transition:background-color .2s;animation:.3s ease-in fadeIn;display:flex;position:absolute;top:8px;right:126px;box-shadow:0 2px 5px #0000001a}.usernameNotification:hover{background-color:#f0f0f0}.usernameNotification:after{content:"";border:6px solid #0000;border-left-color:#f8f8f8;border-right-width:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.notificationIcon{color:#4caf50;margin-right:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=600px){.usernameNotification{padding:4px 8px;font-size:12px;top:45px;right:16px}.usernameNotification:after{border-width:0 6px 6px;border-color:#0000 #0000 #f8f8f8;top:-6px;right:15px;transform:none}}.commentActions{opacity:1;justify-content:flex-end;gap:8px;margin-top:4px;transition:opacity .2s;display:flex}@media (hover:hover){.commentActions{opacity:0}.commentItem:hover .commentActions{opacity:1}}.commentActionBtn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;transition:background-color .2s,color .2s;display:flex}.commentActionBtn:hover{color:#333;background-color:#f0f0f0}.commentActionBtn.edit:hover{color:#4285f4}.commentActionBtn.delete:hover{color:#ea4335}.commentEditForm{flex-direction:column;gap:8px;margin-top:8px;display:flex}.commentEditInput{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:60px;padding:8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}.commentEditInput:focus{border-color:#4caf50;outline:none}.commentEditActions{justify-content:flex-end;gap:8px;display:flex}.commentEditSave{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;padding:4px 12px;font-size:13px;transition:background-color .2s}.commentEditSave:hover:not(:disabled){background-color:#43a047}.commentEditCancel{color:#333;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:4px;padding:4px 12px;font-size:13px;transition:background-color .2s}.commentEditCancel:hover{background-color:#e0e0e0}.commentEditImages{margin:8px 0}.editImagesLabel{color:#666;margin:4px 0;font-size:12px;font-weight:500}.editingExistingImages,.editingNewImages{margin-bottom:8px}.editingImagesList{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.editingImageItem{border:1px solid #ddd;border-radius:4px;width:50px;height:50px;position:relative;overflow:hidden}.editingImage{object-fit:cover;width:100%;height:100%;display:block}.editImageUpload{margin-top:4px}.commentDeleteConfirm{background-color:#fafafa;border:1px solid #eee;border-radius:4px;flex-direction:column;gap:8px;margin-top:8px;padding:8px;display:flex}.commentDeleteMsg{color:#333;font-size:13px}.commentDeleteActions{justify-content:flex-end;gap:8px;display:flex}.commentDeleteConfirmBtn{color:#fff;cursor:pointer;background-color:#ea4335;border:none;border-radius:4px;padding:4px 12px;font-size:13px;transition:background-color .2s}.commentDeleteConfirmBtn:hover{background-color:#d32f2f}.commentDeleteCancelBtn{color:#333;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:4px;padding:4px 12px;font-size:13px;transition:background-color .2s}.commentDeleteCancelBtn:hover{background-color:#e0e0e0}.imageUploadSection{margin:4px 0 0;padding:0}.imageUploadBtn{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;transition:background-color .2s;display:inline-flex}.imageUploadBtn:hover{background:#e9ecef}.imageUploadBtn:disabled{opacity:.6;cursor:not-allowed}.imageUploadBtnSmall{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;transition:background-color .2s;display:inline-flex}.imageUploadBtnSmall:hover{background:#e9ecef}.imageUploadBtnSmall:disabled{opacity:.6;cursor:not-allowed}.commentFormButtons{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.commentFormButtons .commentSubmit{flex-shrink:0;margin-left:auto}.commentImages{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.commentImageContainer{cursor:pointer;border:1px solid #eee;border-radius:8px;transition:transform .2s;overflow:hidden}.commentImageContainer:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.commentImage{object-fit:cover;width:120px;height:120px;display:block}.imagePreviewContainer{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.imagePreview{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;width:60px;height:60px;position:relative;overflow:hidden}.imagePreview img{object-fit:cover;width:100%;height:100%;display:block}.removeImageBtn{color:#666;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0003}.removeImageBtn:hover{color:#d32f2f;background:#fff;transform:scale(1.1)}.removeImageBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=400px){.commentImage{width:80px;height:80px}.imagePreview{width:45px;height:45px}.removeImageBtn{width:16px;height:16px;font-size:12px;top:1px;right:1px}}.spotActions{opacity:1;justify-content:flex-start;gap:8px;margin-top:4px;margin-bottom:12px;display:flex}@media (hover:hover){.spotActions{opacity:.7;transition:opacity .2s}.sidebarHeader:hover .spotActions{opacity:1}}.spotActionBtn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:background-color .2s;display:flex}.spotActionBtn:hover{background-color:#0000001a}.spotActionBtn.delete:hover{background-color:#dc000033}.spotEditForm{flex-direction:column;gap:8px;width:100%;max-width:240px;display:flex}.spotEditInput{background-color:#ffffffe6;border:none;border-radius:4px;width:100%;padding:6px 8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500}.spotEditInput:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.spotEditActions{justify-content:space-between;gap:6px;margin-top:8px;display:flex}.spotEditSave{color:#fff;cursor:pointer;background-color:#ffffff40;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:background-color .2s}.spotEditSave:hover:not(:disabled){background-color:#ffffff59}.spotEditCancel{color:#fff;cursor:pointer;background-color:#00000026;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:background-color .2s}.spotEditCancel:hover{background-color:#00000040}.spotDeleteModal{z-index:2001;background-color:#fff;border-radius:8px;width:300px;max-width:90%;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0003}.spotDeleteModalTitle{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.spotDeleteModalContent{color:#555;margin-bottom:20px;font-size:14px;line-height:1.5}.spotDeleteModalHighlight{color:#333;font-weight:500}.spotDeleteModalWarning{color:#c62828;background-color:#ffebee;border-left:3px solid #ef5350;border-radius:4px;margin-top:12px;padding:8px;font-size:13px}.spotDeleteModalActions{justify-content:flex-end;gap:8px;display:flex}.spotDeleteModalConfirm{color:#fff;cursor:pointer;background-color:#ef5350;border:none;border-radius:4px;padding:8px 12px;font-size:14px;transition:background-color .2s}.spotDeleteModalConfirm:hover:not(:disabled){background-color:#e53935}.spotDeleteModalCancel{color:#333;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:4px;padding:8px 12px;font-size:14px;transition:background-color .2s}.spotDeleteModalCancel:hover{background-color:#eee}.spotDeleteModalOverlay{z-index:2000;background-color:#00000080;position:fixed;inset:0}.locationError{z-index:1500;color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;align-items:center;gap:12px;max-width:300px;padding:12px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.retryLocationBtn{color:#212529;cursor:pointer;background:#ffc107;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background-color .2s}.retryLocationBtn:hover{background:#e0a800}.showLocationBtn{z-index:1500;color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;border-radius:50px;justify-content:center;align-items:center;padding:10px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:180px;right:20px;box-shadow:0 2px 8px #00000026}.socialButtonsContainer{z-index:1500;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:180px;left:20px}.socialBtn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.socialIcon{flex-shrink:0;width:24px;height:24px;display:block}.socialBtn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.socialBtn:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.showNamesBtn{z-index:1500;color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;border-radius:50px;justify-content:center;align-items:center;padding:10px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:280px;right:20px;box-shadow:0 2px 8px #00000026}.showNamesBtn:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.showNamesBtn.active{color:#fff;background:#4caf50;border-color:#4caf50}.showNamesBtn.active:hover{background:#43a047;border-color:#43a047}.allTreesBtn{z-index:1500;color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;border-radius:50px;justify-content:center;align-items:center;padding:10px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:230px;right:20px;box-shadow:0 2px 8px #00000026}.allTreesBtn:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.allTreesBtn:disabled{opacity:.4;cursor:not-allowed;color:#999;background:#f5f5f5}.showLocationBtn:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.showLocationBtn:disabled{opacity:.6;cursor:not-allowed}.locationSpinner{animation:1s linear infinite spin;display:inline-block}@media (width<=768px){.showLocationBtn{padding:8px 12px;font-size:13px;bottom:160px;right:10px}.socialButtonsContainer{gap:6px;bottom:160px;left:10px}.socialBtn{width:40px;height:40px}.socialIcon{width:20px;height:20px}.showNamesBtn{padding:8px 12px;font-size:13px;bottom:260px;right:10px}.allTreesBtn{padding:8px 12px;font-size:13px;bottom:210px;right:10px}}@media (height<=600px){.showLocationBtn,.socialButtonsContainer{bottom:140px}.showNamesBtn{bottom:240px}.allTreesBtn{bottom:190px}}.location-crosshair:before,.location-crosshair:after{content:"";background-color:currentColor;position:absolute}.location-crosshair:before{width:1px;height:8px;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 28px}.location-crosshair:after{width:8px;height:1px;top:50%;left:-10px;transform:translateY(-50%);box-shadow:28px 0}.shareTreeBtn{color:#495057;cursor:pointer;text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:8px;padding:8px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.shareTreeBtn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.shareTreeBtn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.shareTreeBtn:disabled{color:#155724;cursor:default;background:#d4edda;border-color:#c3e6cb}.tree-marker-label{white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:3px;margin-top:4px;padding:2px 6px;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 2px 4px #0003}.settings-loading{text-align:center;color:#666;padding:20px}.settings-list{flex-direction:column;gap:16px;display:flex}.setting-item{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.setting-info{flex:1}.setting-label{color:#333;margin-bottom:4px;font-size:15px;font-weight:600}.setting-description{color:#666;font-size:13px;line-height:1.4}.toggle-switch{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}