.btn{white-space:nowrap;cursor:pointer;border:none;border-radius:.375rem;outline:none;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.btn-default{background-color:var(--primary);color:var(--primary-foreground)}.btn-default:hover{background-color:#0ea372}.btn-outline{background-color:var(--background);color:var(--foreground);border:1px solid var(--border)}.btn-outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-ghost{color:var(--foreground);background-color:#0000}.btn-ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn-link{color:var(--primary);text-underline-offset:4px;background-color:#0000;text-decoration:underline}.btn-link:hover{text-decoration:none}.btn-destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.btn-destructive:hover{background-color:#b91532}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:#e5e7eb}.btn-sm{border-radius:.375rem;height:2rem;padding:0 .75rem;font-size:.875rem}.btn-default-size{height:2.25rem;padding:.5rem 1rem}.btn-lg{border-radius:.375rem;height:2.5rem;padding:0 1.5rem}.btn-icon{border-radius:.375rem;width:2.25rem;height:2.25rem;padding:0}.input{border:1px solid var(--border);background-color:var(--input-background);border-radius:.375rem;outline:none;width:100%;min-width:0;height:2.25rem;padding:.25rem .75rem;font-size:1rem;transition:all .2s;display:flex}.input::placeholder{color:var(--muted-foreground)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px #10b9811a}.input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.label{-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1;display:flex}.label:has(+input:disabled){cursor:not-allowed;opacity:.5}.avatar{border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;position:relative;overflow:hidden}.avatar-image{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.avatar-fallback{background-color:var(--muted);width:100%;height:100%;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex;overflow:hidden}.badge-default{background-color:var(--primary);color:var(--primary-foreground)}.badge-default:hover{background-color:#0ea372}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.badge-outline{color:var(--foreground);border-color:var(--border)}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.5rem;display:flex}.card-header{grid-template-rows:auto auto;grid-auto-rows:min-content;align-items:start;gap:.375rem;padding:1.5rem 1.5rem 0;display:grid}.card-title{font-size:1.125rem;font-weight:600;line-height:1}.card-description{color:var(--muted-foreground);font-size:.875rem}.card-action{grid-row:1/span 2;grid-column-start:2;place-self:start end}.card-content{padding:0 1.5rem}.card-content:last-child{padding-bottom:1.5rem}.card-footer{align-items:center;padding:0 1.5rem 1.5rem;display:flex}.table-container{width:100%;position:relative;overflow-x:auto}.table{caption-side:bottom;border-collapse:collapse;width:100%;font-size:.875rem}.table-header tr{border-bottom:1px solid var(--border)}.table-body tr:last-child{border-bottom:none}.table-footer{border-top:1px solid var(--border);background-color:#ececf080;font-weight:500}.table-row{border-bottom:1px solid var(--border);transition:background-color .2s}.table-row:hover{background-color:#ececf080}.table-row[data-state=selected]{background-color:var(--muted)}.table-head{color:var(--foreground);text-align:left;vertical-align:middle;white-space:nowrap;height:2.5rem;padding:0 .5rem;font-weight:500}.table-cell{vertical-align:middle;white-space:nowrap;padding:.5rem}.table-caption{color:var(--muted-foreground);margin-top:1rem;font-size:.875rem}.skeleton{background-color:var(--accent);border-radius:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.textarea{resize:none;border:1px solid var(--border);background-color:var(--input-background);border-radius:.375rem;outline:none;width:100%;min-height:4rem;padding:.5rem .75rem;font-size:1rem;transition:all .2s;display:flex}.textarea::placeholder{color:var(--muted-foreground)}.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px #10b9811a}.textarea:disabled{cursor:not-allowed;opacity:.5}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.w-full{width:100%}.w-fit{width:fit-content}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.h-24{height:6rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-white{background-color:#fff}.bg-primary{background-color:var(--primary)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-600{background-color:#059669}.bg-blue-100{background-color:#dbeafe}.bg-purple-100{background-color:#f3e8ff}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-green-500{background-color:#22c55e}.bg-gradient-emerald{background:linear-gradient(#ecfdf5,#fff)}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.text-red-600{color:#dc2626}.text-gray-400{color:#9ca3af}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-white{border-color:#fff}.border-b{border-bottom-width:1px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-1{top:.25rem}.top-3{top:.75rem}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-6{right:1.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-4{left:1rem}.z-40{z-index:40}.z-50{z-index:50}.aspect-video{aspect-ratio:16/9}.object-cover{object-fit:cover}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-emerald-600:hover{background-color:#059669}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:underline:hover{text-decoration:underline}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:ring-primary:focus{box-shadow:0 0 0 3px #10b9811a}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.h-2{height:.5rem}.bg-gradient-horizontal{background:linear-gradient(90deg,#34d399,#10b981,#14b8a6)}.hidden{display:none}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:h-0{height:0}}:root{--font-size:16px;--font-weight-medium:500;--font-weight-normal:400;--radius:.75rem;--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}:root,:root.light{--background:#fafbfd;--foreground:#1c1e21;--card:#fff;--card-foreground:#1c1e21;--popover:#fff;--popover-foreground:#1c1e21;--primary:#10b981;--primary-foreground:#fff;--secondary:#f4f5f7;--secondary-foreground:#1c1e21;--muted:#e8eaed;--muted-foreground:#5f6368;--accent:#f1f3f4;--accent-foreground:#1c1e21;--destructive:#ea4335;--destructive-foreground:#fff;--border:#e8eaed;--input:transparent;--input-background:#f8f9fa;--switch-background:#dadce0;--ring:#10b981;--shadow:#3c40431a;--shadow-md:#3c404326;--shadow-lg:#3c404333;--color-blue:#1a73e8;--color-blue-light:#d2e3fc;--color-green:#10b981;--color-green-light:#d1f4e8;--color-orange:#f9ab00;--color-orange-light:#fef7e0;--color-red:#ea4335;--color-red-light:#fce8e6;--color-purple:#9334e6;--color-purple-light:#f3e8fd;--color-teal:#14b8a6;--color-teal-light:#ccfbf1;--brand-green:#10b981;--brand-green-light:#d1f4e8;--dark-text:#1a1a1a;--bg-primary:#fafbfd;--bg-secondary:#f4f5f7;--bg-card:#fff;--bg-hover:#f8f9fa;--text-primary:#1c1e21;--text-secondary:#5f6368;--border-color:#e8eaed}:root.dark{--background:#0a0e12;--foreground:#e4e6eb;--card:#16191e;--card-foreground:#e4e6eb;--popover:#16191e;--popover-foreground:#e4e6eb;--primary:#10b981;--primary-foreground:#fff;--secondary:#1f2328;--secondary-foreground:#e4e6eb;--muted:#2d3139;--muted-foreground:#9ca3af;--accent:#1f2328;--accent-foreground:#e4e6eb;--destructive:#ef4444;--destructive-foreground:#fff;--border:#ffffff1f;--input:transparent;--input-background:#1f2328;--switch-background:#2d3139;--ring:#10b981;--shadow:#0006;--shadow-lg:#0009;--brand-green:#10b981;--brand-green-light:#10b98126;--dark-text:#e4e6eb;--dark-text-secondary:#9ca3af;--dark-bg:#0a0e12;--dark-card:#16191e;--dark-border:#ffffff1f;--dark-hover:#1f2328;--bg-primary:#0a0e12;--bg-secondary:#1f2328;--bg-card:#16191e;--bg-hover:#1f2328;--text-primary:#e4e6eb;--text-secondary:#9ca3af;--border-color:#ffffff1f}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.responsive-container{width:100%;max-width:600px;margin:0 auto}@media (min-width:1024px){.responsive-container{max-width:800px}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit}.login-page{background:linear-gradient(#ecfdf5,#fff);flex-direction:column;min-height:100vh;display:flex}.login-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.login-content{width:100%;max-width:28rem}.login-header{text-align:center;margin-bottom:3rem}.logo-box{background-color:var(--primary);border-radius:1.5rem;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:3rem;display:grid}.feature-item{text-align:center}.feature-icon{border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .5rem;display:flex}.feature-text{color:#4b5563;font-size:.875rem}.login-buttons{flex-direction:column;gap:.75rem;display:flex}.social-btn{transition:all .3s;box-shadow:0 1px 2px #0000000d}.google-btn:hover{background-color:#f9fafb!important;border-color:#d1d5db!important}.kakao-btn:hover{background-color:#fdd835!important}.naver-btn:hover{background-color:#02b350!important}.login-footer{text-align:center;color:#6b7280;margin-top:2rem;font-size:.875rem}.bottom-decoration{background:linear-gradient(90deg,#34d399,#10b981,#14b8a6);height:.5rem}.auth-callback-page{background:linear-gradient(#ecfdf5,#fff);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-callback-content{text-align:center}.spinner{margin:0 auto 1rem;animation:1s linear infinite spin}.error-icon{background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.item-detail-page{background:#f9fafb;min-height:100vh;padding-bottom:80px}.detail-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.header-actions{gap:8px;display:flex}.icon-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-button:hover{color:#111827;background:#f3f4f6}.icon-button:active{transform:scale(.95)}.image-slider{background:#000;width:100%;position:relative}.slider-container{width:100%;height:400px;position:relative;overflow:hidden}.slider-container img{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.slider-nav{color:#333;cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.slider-nav.prev{left:16px}.slider-nav.next{right:16px}.slider-indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator.active{background:#fff;border-radius:4px;width:24px}.image-counter{color:#fff;z-index:10;background:#0009;border-radius:20px;padding:6px 12px;font-size:14px;position:absolute;bottom:16px;right:16px}.detail-content{padding:24px 20px}.item-header{margin-bottom:24px}.type-badge{border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;display:inline-block}.type-badge.lost{color:#dc2626;background:#fef2f2}.type-badge.found{color:#10b981;background:#f0fdf4}.item-header h1{margin:0 0 12px;line-height:1.3}.category{background:#f3f4f6;border-radius:6px;padding:4px 10px}.user-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;transition:all .3s;display:flex}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.user-card:active{transform:translateY(0)}.user-avatar-wrapper{position:relative}.user-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.user-info{flex:1}.user-name{align-items:center;gap:6px;margin-bottom:6px;display:flex}.user-badge{color:#fff;background:#10b981;border-radius:4px;padding:2px 8px;font-size:11px}.user-stats{color:#666;align-items:center;gap:12px;font-size:13px;display:flex}.trust-score{align-items:center;gap:4px;display:flex}.chevron{color:#d1d5db}.reward-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;animation:3s ease-in-out infinite shimmer;display:flex}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.reward-icon{font-size:40px}.reward-info{flex:1}.reward-points{color:#92400e;margin:0 0 4px}.reward-description{color:#78350f;margin:0;font-size:14px}.description-section{border-bottom:1px solid #e5e7eb;padding:24px 0}.description-section h2{margin:0 0 16px}.description-section p{color:#4b5563;margin:0;line-height:1.7}.info-section{border-bottom:1px solid #e5e7eb;padding:24px 0}.info-section h2{margin:0 0 16px}.info-item{color:#6b7280;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.info-item svg{color:#10b981;margin-top:2px}.info-label{color:#9ca3af;margin:0 0 4px;font-size:13px}.info-value{color:#374151;margin:0}.location-section{padding:24px 0}.location-section h2{align-items:center;gap:8px;margin:0 0 12px;display:flex}.location-address{color:#4b5563;margin:0 0 16px}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.bottom-actions{z-index:50;background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.like-button,.bookmark-button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:56px;transition:all .3s;display:flex}.like-button span{font-size:11px;font-weight:600}.like-button:hover{color:#ef4444;border-color:#ef4444}.like-button.active{color:#ef4444;background:#fef2f2;border-color:#ef4444}.bookmark-button:hover{color:#10b981;border-color:#10b981}.bookmark-button.active{color:#10b981;background:#f0fdf4;border-color:#10b981}.like-button:active,.bookmark-button:active{transform:scale(.95)}.chat-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;height:56px;transition:all .3s;display:flex}.chat-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.chat-button:active{transform:translateY(0)}.image-viewer-modal{z-index:1000;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-modal img{object-fit:contain;max-width:90vw;max-height:90vh}.close-viewer{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-viewer:hover{background:#ffffff4d}.viewer-nav{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff4d}.viewer-nav.prev{left:20px}.viewer-nav.next{right:20px}.viewer-counter{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:24px;padding:10px 20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.item-detail-loading,.item-detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.item-detail-error button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;margin-top:20px;padding:12px 24px;transition:all .3s}.item-detail-error button:hover{background:#059669}@media (max-width:640px){.slider-container{height:300px}.slider-nav{width:40px;height:40px}.detail-content{padding:20px 16px}.bottom-actions{padding:12px 16px}.viewer-nav{width:48px;height:48px}}@media (min-width:768px){.item-detail-page{max-width:600px;margin:0 auto;padding-bottom:0}.slider-container{height:500px}.bottom-actions{border-radius:16px 16px 0 0;max-width:600px;left:50%;transform:translate(-50%)}}@media (min-width:1024px){.item-detail-page{max-width:800px}.slider-container{height:600px}.bottom-actions{max-width:800px}}@media (hover:none){.back-button:active,.icon-button:active,.slider-nav:active,.user-card:active,.bookmark-button:active,.chat-button:active{transform:scale(.98)}}.item-detail-page.dark{background:var(--background)}.dark .detail-header{border-bottom-color:var(--border);background:#1e1e1ef2}.dark .back-button,.dark .icon-button{color:var(--foreground)}.dark .back-button:hover,.dark .icon-button:hover{background:var(--accent);color:var(--foreground)}.dark .back-button:active,.dark .icon-button:active,.dark .slider-container{background:var(--muted)}.dark .image-counter{color:#fff;background:#000000b3}.dark .user-card{background:var(--card);border-color:var(--border)}.dark .user-card:hover{background:var(--accent)}.dark .item-header h1,.dark .description-section p,.dark .description-section h2,.dark .info-section h2,.dark .location-section h2,.dark .info-value{color:var(--foreground)}.dark .item-meta .category,.dark .item-meta .views{color:var(--muted-foreground)}.dark .info-section,.dark .description-section,.dark .location-section{border-bottom-color:var(--border)}.dark .category{background:var(--muted);color:var(--muted-foreground)}.dark .reward-card{background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%);border-color:#10b9814d}.dark .reward-points{color:var(--primary)}.dark .reward-description{color:var(--muted-foreground)}.dark .online-indicator{border-color:var(--card)}.dark .info-item{color:var(--muted-foreground)}.dark .info-item svg{color:var(--primary)}.dark .bottom-actions{background:var(--background);border-top-color:var(--border)}.dark .like-button,.dark .bookmark-button{background:var(--card);border-color:var(--border);color:var(--foreground)}.dark .like-button span,.dark .bookmark-button span{color:var(--foreground)}.dark .like-button:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.dark .like-button:hover span{color:#ef4444}.dark .like-button.active{color:#ef4444;background:#ef444426;border-color:#ef4444}.dark .like-button.active span{color:#ef4444}.dark .bookmark-button:hover{border-color:var(--primary);color:var(--primary);background:#10b9811a}.dark .bookmark-button:hover span{color:var(--primary)}.dark .bookmark-button.active{border-color:var(--primary);color:var(--primary);background:#10b98126}.dark .bookmark-button.active span{color:var(--primary)}.dark .chat-button{background:var(--primary)}.dark .chat-button:hover{background:#059669}.dark .info-label,.dark .location-address{color:var(--muted-foreground)}.dark .user-name span{color:var(--foreground)}.dark .user-badge{background:var(--muted);color:var(--primary)}.dark .trust-score,.dark .success-count{color:var(--muted-foreground)}.dark .type-badge{background:var(--muted);color:var(--foreground)}.dark .type-badge.lost{color:#ef4444;background:#ef44441a}.dark .type-badge.found{color:#22c55e;background:#22c55e1a}.dark .image-viewer{background:#000000f2}.dark .viewer-close{color:#fff;background:#ffffff1a}.dark .viewer-close:hover{background:#fff3}.dark .viewer-nav{color:#fff;background:#ffffff1a}.dark .viewer-nav:hover{background:#fff3}.dark .item-detail-loading,.dark .item-detail-error{background:var(--background);color:var(--foreground)}.dark .loading-spinner{border-color:var(--border);border-top-color:var(--primary)}.dark .item-detail-error button{background:var(--primary);color:#fff}.dark .item-detail-error button:hover{background:#059669}.type-badge{border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.type-badge.lost{color:#fff;background-color:#ef4444;top:80px}.dark .type-badge.lost{color:#fff;background-color:#ef4444}.dark .type-badge.found{color:#fff;background-color:#10b981}.menu-wrapper{position:relative}.menu-backdrop{z-index:98;position:fixed;inset:0}.post-menu{z-index:99;background:#fff;border:1px solid #f1f5f9;border-radius:6px;min-width:150px;animation:.15s ease-out menuFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 6px #00000017}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-menu .menu-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:14px;font-weight:500;transition:background-color .1s;display:flex}.post-menu .menu-item:hover{background:#f1f5f9}.post-menu .menu-item svg{flex-shrink:0;width:18px;height:18px}.post-menu .menu-item.edit{color:#334155}.post-menu .menu-item.complete{color:#10b981}.post-menu .menu-item.delete{color:#ef4444}.signup-page{background:linear-gradient(#ecfdf5,#fff);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.signup-container{width:100%;max-width:28rem}.signup-card{background-color:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.signup-header{text-align:center;margin-bottom:2rem}.signup-form{flex-direction:column;gap:1.5rem;display:flex}.profile-image-section{flex-direction:column;align-items:center;display:flex}.profile-image-wrapper{position:relative}.profile-image-container{background-color:#f3f4f6;border:4px solid #fff;border-radius:50%;width:6rem;height:6rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.profile-img{object-fit:cover;width:100%;height:100%}.profile-placeholder{background-color:#d1fae5;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-image-btn{background-color:var(--primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.profile-image-btn:hover{background-color:#059669}.form-field{flex-direction:column;gap:.5rem;display:flex}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1rem}.home-page{background-color:#f9fafb;min-height:100vh;padding-bottom:1rem}@media (min-width:1024px){.header-container{max-width:800px;padding:1rem 2rem}}.notification-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:.75rem;padding:.5rem;transition:background-color .2s;position:relative}.profile-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:12rem;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:background-color .2s;display:flex}.menu-item.logout{color:#dc2626}.search-icon{pointer-events:none;color:#9ca3af;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}@media (min-width:1024px){.main-content{max-width:800px;padding:2rem}}@media (min-width:768px){.quick-actions{gap:1.5rem}}.sort-buttons{gap:.5rem;display:flex}.sort-btn{color:#6b7280;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.sort-btn:hover{background-color:#f3f4f6}.sort-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}@media (min-width:640px){.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.item-meta{color:#6b7280;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.item-actions{border-top:1px solid var(--border);justify-content:flex-start;align-items:center;padding-top:.5rem;display:flex}.like-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.like-btn:hover,.like-btn.liked{color:#ef4444;background:#fef2f2;border-color:#ef4444}.like-btn:active{transform:scale(.95)}.fab:hover{background-color:#059669;transform:scale(1.05);box-shadow:0 15px 35px -5px #10b98199}@media (min-width:768px){.fab{width:4rem;height:4rem;bottom:2rem;right:2rem}}.verification-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.banner-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.banner-text strong{color:#92400e;font-size:.875rem}.banner-button{color:#78350f;cursor:pointer;white-space:nowrap;background-color:#fbbf24;border:none;border-radius:.5rem;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.delete-dialog-content{background-color:#fff;border-radius:1.5rem;width:100%;max-width:400px;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.delete-dialog-content h3{color:#111827;margin-bottom:1rem;font-size:1.25rem}.delete-dialog-content p{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.delete-dialog-actions{gap:.75rem;display:flex}.dialog-cancel-btn,.dialog-confirm-btn{cursor:pointer;border:none;border-radius:.75rem;flex:1;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s}.home-page .main-content{padding-bottom:80px}:root.dark .home-page{background-color:var(--background)}:root.dark .home-header{background-color:var(--card);border-bottom-color:var(--border)}:root.dark .notification-btn{color:var(--foreground)}:root.dark .notification-btn:hover{background-color:var(--accent)}:root.dark .profile-btn{color:var(--foreground)}:root.dark .search-icon{color:var(--muted-foreground)}:root.dark .search-bar{background-color:var(--input-background);border-color:var(--border);color:var(--foreground)}:root.dark .search-bar::placeholder,:root.dark .sort-btn{color:var(--muted-foreground)}:root.dark .sort-btn:hover{background-color:var(--accent)}:root.dark .sort-btn.active{background-color:var(--primary);color:var(--primary-foreground)}:root.dark .item-card{background-color:var(--card);border-color:var(--border)}:root.dark .item-card:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow)}:root.dark .status-badge{background-color:var(--accent);color:var(--foreground)}:root.dark .item-title{color:var(--foreground)}:root.dark .item-info{color:var(--muted-foreground)}:root.dark .menu-item.delete-account:hover{background-color:#ef44441a}:root.dark .item-actions{border-top-color:var(--border)}:root.dark .like-btn{background:var(--card);border-color:var(--border);color:var(--foreground)}:root.dark .like-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}:root.dark .like-btn.liked{color:#ef4444;background:#ef444426;border-color:#ef4444}:root.dark .action-card{background-color:var(--card);border-color:var(--border)}:root.dark .action-card:hover{background-color:var(--accent)}:root.dark .action-icon{background-color:var(--muted)!important}:root.dark .action-text p:first-child,:root.dark .section-header h2{color:var(--foreground)}:root.dark .action-text p:last-child{color:var(--muted-foreground)}:root.dark .view-all-btn{color:var(--primary)}:root.dark .verification-banner{background:linear-gradient(135deg,#fef3c71a,#fde68a1a);border-color:#fbbf244d}:root.dark .banner-text strong{color:#fbbf24}:root.dark .banner-text span{color:var(--muted-foreground)}:root.dark .banner-button{color:#fbbf24;background-color:#fbbf2433}:root.dark .banner-button:hover{background-color:#fbbf244d}:root.dark .delete-dialog-content{background-color:var(--card)}:root.dark .delete-dialog-content h3{color:var(--foreground)}:root.dark .delete-dialog-content p{color:var(--muted-foreground)}:root.dark .dialog-cancel-btn{background-color:var(--muted);color:var(--foreground)}:root.dark .dialog-cancel-btn:hover{background-color:var(--accent)}:root.dark .profile-dropdown{background-color:var(--card);border-color:var(--border)}:root.dark .profile-info p:first-child{color:var(--foreground)}:root.dark .profile-info p:last-child{color:var(--muted-foreground)}:root.dark .menu-item{color:var(--foreground)}:root.dark .menu-item:hover{background-color:var(--accent)}:root.dark .no-results-icon{background-color:var(--muted)}@media (min-width:768px){.quick-actions{gap:1.5rem}}.promo-banner{background:linear-gradient(135deg,var(--primary)0%,#047857 100%);border-radius:1.5rem;grid-column:1/-1;justify-content:center;align-items:center;min-height:180px;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #10b98133}.promo-banner:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.promo-content{text-align:center;z-index:1;position:relative}.promo-content h3{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.promo-content p{color:#ffffffe6;margin:0;font-size:.875rem}@media (min-width:768px){.promo-banner{min-height:200px;padding:2.5rem 2rem}.promo-content h3{font-size:1.75rem}.promo-content p{font-size:1rem}}.notification-btn{background:var(--accent);cursor:pointer;color:var(--foreground);border:none;border-radius:1rem;padding:.625rem;transition:all .2s;position:relative}.notification-btn:hover{background-color:var(--muted);transform:scale(1.05)}.search-toggle-btn{cursor:pointer;color:var(--foreground);background-color:#0000;border:none;border-radius:1rem;padding:.625rem;transition:all .2s;position:relative}.search-toggle-btn:hover{background-color:var(--muted);transform:scale(1.05)}.notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:.5rem;justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:.25rem;right:.25rem}.bottom-navigation{z-index:100;background:#fff;border-radius:20px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:480px;height:64px;padding:0 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-navigation{bottom:calc(16px + env(safe-area-inset-bottom))}}.bottom-navigation .nav-item{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:60px;padding:8px 4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-navigation .nav-item:active{transform:scale(.96)}.bottom-navigation .nav-item.active{color:#10b981}.bottom-navigation .nav-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bottom-navigation .nav-icon{stroke-width:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-navigation .nav-item.active .nav-icon{stroke-width:2.5px}.bottom-navigation .nav-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}:root.dark .bottom-navigation .nav-badge{border-color:var(--card)}.bottom-navigation .nav-label{letter-spacing:-.02em;font-size:11px;font-weight:500;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.bottom-navigation .nav-item:hover:not(.active){color:#10b981;background:#10b98114}}.bottom-navigation .nav-item.active:before{content:"";background:#10b981;border-radius:0 0 4px 4px;width:40px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width:640px){.bottom-navigation{max-width:640px;height:68px;padding:0 24px}.bottom-navigation .nav-item{gap:5px;padding:10px 6px}.bottom-navigation .nav-label{font-size:12px}}@media (min-width:1024px){.bottom-navigation{bottom:24px}}:root.dark .bottom-navigation{background:var(--card);box-shadow:0 8px 32px var(--shadow-lg),0 2px 12px var(--shadow);border:1px solid var(--border)}:root.dark .bottom-navigation .nav-item{color:var(--muted-foreground)}:root.dark .bottom-navigation .nav-item.active{color:var(--primary)}:root.dark .bottom-navigation .nav-item.active:before{background:var(--primary)}@media (hover:hover){:root.dark .bottom-navigation .nav-item:hover:not(.active){color:var(--primary);background:#10b98126}}.home-page{background-color:#f9fafb;min-height:100vh}.home-header{z-index:40;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-container{max-width:80rem;margin:0 auto;padding:1rem}.header-content{justify-content:space-between;align-items:center;display:flex}.header-logo{align-items:center;gap:.75rem;display:flex}.logo-icon{background-color:var(--primary);border-radius:1rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.notification-btn{cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.5rem;transition:background-color .2s;position:relative}.notification-btn:hover{background-color:#f3f4f6}.notification-badge{background-color:#ef4444;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.25rem;right:.25rem}.profile-menu-wrapper{position:relative}.profile-btn{cursor:pointer;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.profile-btn:hover{background-color:#f3f4f6}.profile-dropdown{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:12rem;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.profile-info{border-bottom:1px solid #f3f4f6;padding:1rem}.menu-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:background-color .2s;display:flex}.menu-item:hover{background-color:#f9fafb}.menu-item.delete-account{color:#dc2626}.menu-item.delete-account:hover{background-color:#fef2f2}.search-wrapper{position:relative}.search-icon{pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.main-content{max-width:80rem;margin:0 auto;padding:1.5rem 1rem}.verification-banner{background-color:#fffbeb;border:1px solid #fde68a;border-radius:1rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.banner-icon{color:#f59e0b;flex-shrink:0;width:1.5rem;height:1.5rem}.banner-text{flex-grow:1}.banner-text strong{color:#b45309;font-weight:600;display:block}.banner-text span{color:#d97706;font-size:.875rem}.banner-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#f59e0b;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.banner-button:hover{background-color:#d97706}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.action-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex;box-shadow:0 1px 2px #0000000d}.action-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.action-content{align-items:center;gap:.75rem;display:flex}.action-icon{border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.action-text{text-align:left}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.view-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:-webkit-text-decoration .2s,text-decoration .2s}.view-all-btn:hover{text-decoration:underline}.items-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-container{padding:1rem 1.5rem}.main-content{padding:1.5rem}.bottom-safe-area{height:0}}.item-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #0000000d}.item-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.item-image{aspect-ratio:16/9;background-color:#f3f4f6;position:relative;overflow:hidden}.item-info{padding:1rem}.item-meta{color:#6b7280;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:.25rem;display:flex}.no-results{text-align:center;padding:3rem 0}.no-results-icon{background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.fab{background-color:var(--primary);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:background-color .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 25px 50px -12px #00000040}.fab:hover{background-color:#059669}.bottom-safe-area{height:5rem}.badge-lost,.badge-found{border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.delete-dialog-overlay{z-index:100;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.delete-dialog-content{text-align:center;background-color:#fff;border-radius:1rem;width:100%;max-width:24rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-dialog-content h3{color:#111827;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.delete-dialog-content p{color:#4b5563;margin-bottom:1.5rem;line-height:1.5}.delete-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.delete-dialog-actions button{cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.dialog-cancel-btn{color:#374151;background-color:#e5e7eb}.dialog-cancel-btn:hover{background-color:#d1d5db}.dialog-confirm-btn{color:#fff;background-color:#dc2626}.dialog-confirm-btn:hover{background-color:#b91c1c}.phone-verification-page{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.phone-verification-container{background:#fff;border-radius:24px;width:100%;max-width:480px;animation:.5s ease-out slideUp;overflow:hidden;box-shadow:0 10px 40px #00000014}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.verification-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.verification-header h1{text-align:center;flex:1;margin:0}.back-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.skip-button{color:#10b981;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 16px;transition:all .3s}.skip-button:hover{background:#f0fdf4}.verification-content{padding:40px 24px}.verification-icon{justify-content:center;margin-bottom:24px;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.verification-content h2{text-align:center;margin:0 0 12px;line-height:1.4}.verification-description{text-align:center;color:#666;margin:0 0 32px;line-height:1.6}.input-group{margin-bottom:24px}.input-group label{color:#333;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.timer{color:#10b981}.input-with-button{gap:8px;height:100px;display:flex}.input-with-button input{height:52px;font-size:inherit;background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex:1;padding:0 16px;transition:all .3s}.input-with-button input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.input-with-button input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.send-code-button{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:52px;padding:0 20px;transition:all .3s;display:flex}.send-code-button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.send-code-button:active:not(:disabled){transform:translateY(0)}.send-code-button:disabled{cursor:not-allowed;background:#d1d5db}.send-code-button.resend{color:#10b981;background:#fff;border:2px solid #10b981}.send-code-button.resend:hover:not(:disabled){background:#f0fdf4}.verification-code-group{animation:.4s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.verification-code-group input{width:100%;height:52px;font-size:inherit;letter-spacing:.3em;text-align:center;border:2px solid #e5e5e5;border-radius:12px;padding:0 16px;transition:all .3s}.verification-code-group input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.timer-expired{color:#ef4444;text-align:center;margin-top:8px;font-size:14px}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;animation:.4s ease-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message svg{flex-shrink:0}.verify-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;margin-top:8px;transition:all .3s;display:flex}.verify-button:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.verify-button:active:not(:disabled){transform:translateY(0)}.verify-button:disabled{cursor:not-allowed;background:#d1d5db;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.verification-info{border-top:1px solid #f0f0f0;margin-top:32px;padding-top:24px}.info-item{color:#666;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;line-height:1.6;display:flex}.info-item:last-child{margin-bottom:0}.info-item svg{color:#10b981;flex-shrink:0;margin-top:2px}@media (max-width:640px){.phone-verification-page{align-items:stretch;padding:0}.phone-verification-container{border-radius:0;flex-direction:column;max-width:100%;min-height:100vh;display:flex}.verification-content{flex-direction:column;flex:1;display:flex}.verification-content h2{font-size:24px}.input-with-button{flex-direction:column}.send-code-button{width:100%}.verify-button{margin-top:auto}}@media (hover:none){.back-button:active,.skip-button:active,.send-code-button:active:not(:disabled),.verify-button:active:not(:disabled){transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.phone-verification-container,.verification-icon,.verification-code-group,.error-message{animation:none}.verify-button:hover:not(:disabled),.send-code-button:hover:not(:disabled){transform:none}}@media (prefers-color-scheme:dark){.phone-verification-page{background:linear-gradient(135deg,#064e3b 0%,#1a1a1a 100%)}.phone-verification-container{background:#2a2a2a;box-shadow:0 10px 40px #00000080}.verification-header{background:#2a2a2a;border-bottom-color:#3a3a3a}.verification-header h1,.back-button{color:#f5f5f5}.back-button:hover{background:#3a3a3a}.skip-button{color:#10b981}.skip-button:hover{background:#064e3b}.verification-content h2{color:#f5f5f5}.verification-description{color:#999}.input-group label{color:#f5f5f5}.input-with-button input,.verification-code-group input{color:#f5f5f5;background:#1a1a1a;border-color:#3a3a3a}.input-with-button input:disabled{color:#666;background:#3a3a3a}.input-with-button input:focus,.verification-code-group input:focus{background:#1a1a1a;border-color:#10b981}.verification-info{border-top-color:#3a3a3a}.info-item{color:#999}}.profile-page{background:#fafbfd;min-height:100vh;padding-bottom:100px}.profile-header{z-index:30;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.profile-header h1{color:var(--foreground);margin:0;font-size:1.125rem;font-weight:600}.back-button,.menu-button{cursor:pointer;width:40px;height:40px;color:var(--foreground);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-button:hover,.menu-button:hover{background:var(--accent)}.profile-content{max-width:600px;margin:0 auto;padding:1.25rem}.profile-card{background:#fff;border-radius:20px;margin-bottom:1.25rem;padding:1.5rem;box-shadow:0 2px 8px #3c404314}.profile-top{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-image-wrapper{flex-shrink:0;position:relative}.profile-image{object-fit:cover;background:linear-gradient(135deg,#d8b4fe 0%,#c084fc 100%);border-radius:20px;width:80px;height:80px}.edit-image-btn{cursor:pointer;color:#fff;background:#7c4dff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 4px 12px #7c4dff4d}.edit-image-btn:hover{transform:scale(1.1)}.profile-info-wrapper{flex:1}.profile-info h2{color:var(--foreground);margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.profile-bio{color:var(--muted-foreground);margin:0;font-size:.875rem}.edit-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c4dff 0%,#6200ea 100%);border:none;border-radius:16px;flex-shrink:0;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #7c4dff40}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c4dff59}.profile-edit-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.edit-input,.edit-textarea{border:1.5px solid var(--border);background:var(--input-background);width:100%;color:var(--foreground);border-radius:12px;padding:.75rem;font-size:.875rem;transition:all .2s}.edit-input:focus,.edit-textarea:focus{background:#fff;border-color:#7c4dff;outline:none;box-shadow:0 0 0 3px #7c4dff1a}.edit-textarea{resize:vertical;min-height:60px}.edit-actions{align-items:center;gap:.5rem;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:12px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.cancel-btn{background:var(--secondary);color:var(--foreground)}.cancel-btn:hover{background:var(--muted)}.save-btn{color:#fff;background:linear-gradient(135deg,#7c4dff 0%,#6200ea 100%);box-shadow:0 4px 12px #7c4dff40}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c4dff59}.stats-row{background:linear-gradient(135deg,#fef3f2 0%,#fee2e2 100%);border-radius:16px;justify-content:space-around;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-item{text-align:center;flex:1}.stat-value{color:#f43f5e;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.stat-label{color:#be123c;margin:0;font-size:.75rem}.stat-divider{background:#fda4af;width:1px;height:32px}.menu-section{margin-bottom:1.25rem}.section-title{color:var(--foreground);margin:0 0 .75rem .25rem;font-size:1rem;font-weight:700}.menu-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #3c404314}.menu-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--foreground);background:0 0;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;transition:all .2s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--accent)}.menu-left{align-items:center;gap:1rem;display:flex}.menu-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.menu-icon.primary{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);box-shadow:0 4px 12px #14b8a633}.menu-icon.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b98133}.menu-icon.warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b33}.menu-icon.info{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f133}.menu-item span{font-size:.9375rem;font-weight:500}.logout-section{margin-top:1.5rem;margin-bottom:1rem}.logout-btn{border:1.5px solid var(--border);color:#ef4444;cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}:root.dark .profile-page{background:var(--background)}:root.dark .profile-header{background:var(--card);border-bottom-color:var(--border)}:root.dark .profile-card,:root.dark .menu-card{background:var(--card);box-shadow:0 2px 8px var(--shadow)}:root.dark .stats-row{background:linear-gradient(135deg,#000 0%,#122d15ab 29%)}:root.dark .stat-value,:root.dark .stat-label{color:#fff}:root.dark .stat-divider{background:#fff}:root.dark .menu-item{border-bottom-color:var(--border)}:root.dark .logout-btn{background:var(--card);border-color:var(--border)}:root.dark .logout-btn:hover{background:#3f1d1d;border-color:#ef4444}@media (min-width:640px){.profile-content{padding:1.5rem}.profile-image{width:96px;height:96px}}@media (min-width:1024px){.profile-content{max-width:800px;padding:2rem}}.my-items-page{background-color:#f9fafb;min-height:100vh;padding-bottom:80px}.my-items-page.dark{background-color:#0f172a}.my-items-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.my-items-page.dark .my-items-header{background-color:#1e293bf2;border-bottom-color:#334155}.my-items-header h1{text-align:center;color:#111827;letter-spacing:-.5px;flex:1;margin:0 16px;font-size:20px;font-weight:700}.my-items-page.dark .my-items-header h1{color:#f1f5f9}.back-button,.add-button{color:#111827;cursor:pointer;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.my-items-page.dark .back-button,.my-items-page.dark .add-button{color:#f1f5f9}.back-button:hover,.add-button:hover{background-color:#f3f4f6;transform:scale(1.05)}.my-items-page.dark .back-button:hover,.my-items-page.dark .add-button:hover{background-color:#334155}.back-button:active,.add-button:active{transform:scale(.95)}.my-items-tabs{-webkit-overflow-scrolling:touch;background-color:#fff;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 20px;display:flex;overflow-x:auto}.my-items-page.dark .my-items-tabs{background-color:#1e293b;border-bottom-color:#334155}.my-items-tabs .tab{color:#6b7280;cursor:pointer;white-space:nowrap;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.my-items-page.dark .my-items-tabs .tab{color:#94a3b8;background-color:#1e293b;border-color:#334155}.my-items-tabs .tab:hover{background-color:#f9fafb;border-color:#10b981;transform:translateY(-2px)}.my-items-page.dark .my-items-tabs .tab:hover{background-color:#334155;border-color:#10b981}.my-items-tabs .tab.active{color:#fff;background-color:#10b981;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.my-items-page.dark .my-items-tabs .tab.active{color:#fff;background-color:#10b981;border-color:#10b981}.tab-count{background-color:#0000001a;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.my-items-tabs .tab.active .tab-count{background-color:#ffffff40}.my-items-content{padding:20px}.my-items-page.dark .loading-spinner{border-color:#10b981 #334155 #334155}.my-items-page.dark .loading-container p{color:#94a3b8}.my-items-page.dark .empty-icon{color:#475569}.my-items-page.dark .empty-state h3{color:#f1f5f9}.empty-state p{color:#6b7280;margin-bottom:32px;font-size:15px;line-height:1.6}.my-items-page.dark .empty-state p{color:#94a3b8}.empty-action-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b9814d}.empty-action-btn:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.empty-action-btn:active{transform:translateY(0)}.items-list{flex-direction:column;gap:16px;display:flex}.item-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.my-items-page.dark .item-card{background-color:#1e293b;border-color:#334155}.item-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.my-items-page.dark .item-card:hover{box-shadow:0 12px 32px #0006}.item-card:active{transform:translateY(-2px)}.item-image-container{background-color:#f3f4f6;width:100%;height:200px;position:relative;overflow:hidden}.my-items-page.dark .item-image-container{background-color:#0f172a}.item-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.item-card:hover .item-image{transform:scale(1.05)}.image-overlay{pointer-events:none;background:linear-gradient(#0006 0%,#0000 50%);position:absolute;inset:0}.type-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0003}.type-badge.lost{background-color:#ef4444f2}.type-badge.found{background-color:#10b981f2}.item-content{flex-direction:column;gap:12px;padding:16px;display:flex}.item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item-title{color:#111827;letter-spacing:-.3px;flex:1;margin:0;font-size:17px;font-weight:700;line-height:1.4}.my-items-page.dark .item-title{color:#f1f5f9}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:700}.status-badge.status-active{color:#1e40af;background-color:#dbeafe}.my-items-page.dark .status-badge.status-active{color:#93c5fd;background-color:#3b82f633}.status-badge.status-matched{color:#92400e;background-color:#fef3c7}.my-items-page.dark .status-badge.status-matched{color:#fcd34d;background-color:#fbbf2433}.status-badge.status-completed{color:#4b5563;background-color:#f3f4f6}.my-items-page.dark .status-badge.status-completed{color:#9ca3af;background-color:#6b728033}.item-category-badge{color:#4b5563;background-color:#f3f4f6;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.my-items-page.dark .item-category-badge{color:#cbd5e1;background-color:#334155}.item-details{flex-direction:column;gap:8px;display:flex}.detail-row{color:#6b7280;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}.my-items-page.dark .detail-row{color:#94a3b8}.detail-row svg{color:#10b981;flex-shrink:0}.detail-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.item-stats{border-top:1px solid #e5e7eb;align-items:center;gap:12px;padding-top:12px;display:flex}.my-items-page.dark .item-stats{border-top-color:#334155}.stat-item{color:#6b7280;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.my-items-page.dark .stat-item{color:#94a3b8}.stat-icon{font-size:14px}.stat-text{font-weight:600}.stat-divider{color:#d1d5db;font-weight:300}.my-items-page.dark .stat-divider{color:#475569}.type-badge.lost{color:#fff;background-color:#ef4444}.type-badge.found{color:#fff;background-color:#10b981}@media (min-width:640px){.my-items-content{padding:24px}.items-list{gap:20px}.item-image-container{height:220px}.item-content{padding:20px}.item-title{font-size:18px}}@media (min-width:768px){.my-items-page{max-width:768px;margin:0 auto}.my-items-header h1{font-size:22px}.items-list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.item-image-container{height:180px}}@media (min-width:1024px){.my-items-page{max-width:1024px}.items-list{grid-template-columns:repeat(3,1fr);gap:24px}.item-image-container{height:200px}}.map-page{background:#f9fafb;flex-direction:column;height:100vh;display:flex}.map-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;gap:12px;padding:12px 16px;display:flex}.search-bar{color:#6b7280;background:#f3f4f6;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.filter-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.filter-button:hover{background:#059669;transform:scale(1.05)}.filter-button:active{transform:scale(.95)}.filters-panel{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 16px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}.filter-section label{color:#374151;margin-bottom:12px;font-weight:500;display:block}.radius-slider{appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.radius-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #10b98166}.radius-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.radius-slider::-moz-range-thumb{cursor:pointer;background:#10b981;border:none;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #10b98166}.radius-slider::-moz-range-thumb:hover{transform:scale(1.2)}.category-chips{flex-wrap:wrap;gap:8px;display:flex}.category-chip{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .3s}.category-chip:hover{color:#10b981;border-color:#10b981}.category-chip.active{color:#fff;background:#10b981;border-color:#10b981}.category-chip:active{transform:scale(.95)}.map-container{flex:1;position:relative;overflow:hidden}.google-map{width:100%;height:100%}.map-loading{z-index:20;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-controls{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.map-control-btn{color:#374151;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.map-control-btn:hover{transform:scale(1.05)}.map-control-btn:active{transform:scale(.95)}.map-legend{z-index:5;background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:100px;left:16px;box-shadow:0 2px 8px #0000001a}.legend-item{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.legend-marker{border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.legend-marker.lost{background:#dc2626}.legend-marker.found{background:#10b981}.marker-info-card{cursor:pointer;z-index:10;background:#fff;border-radius:20px;padding:20px;animation:.4s slideUp;position:absolute;bottom:80px;left:16px;right:16px;box-shadow:0 8px 24px #00000026}.close-info{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.close-info:hover{background:#e5e7eb}.info-content{gap:16px;display:flex}.info-content img{object-fit:cover;border-radius:12px;flex-shrink:0;width:80px;height:80px}.info-details{flex:1;min-width:0}.info-type{border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;display:inline-block}.info-type.lost{color:#dc2626;background:#fef2f2}.info-type.found{color:#10b981;background:#f0fdf4}.info-details h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:16px;overflow:hidden}.info-details p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:0 0 12px;font-size:13px;overflow:hidden}.match-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;margin-bottom:6px;padding:4px 10px;font-size:12px;display:inline-block}.reward-info{color:#92400e;font-size:14px;font-weight:600}@media (max-width:640px){.map-controls{top:12px;right:12px}.map-legend{bottom:90px;left:12px}.marker-info-card{padding:16px;left:12px;right:12px}.info-content img{width:70px;height:70px}}@media (min-width:768px){.map-page{max-width:100%;position:relative}.map-header{border-radius:0;max-width:600px;margin:0 auto}.filters-panel{max-width:600px;margin:0 auto}.marker-info-card{max-width:500px;left:50%;transform:translate(-50%)}}@media (min-width:1024px){.map-header,.filters-panel{max-width:800px}}@media (prefers-color-scheme:dark){.map-page{background:#1a1a1a}.map-header{background:#2a2a2a;border-bottom-color:#3a3a3a}.search-bar{color:#d1d5db;background:#1a1a1a}.search-bar input{color:#f5f5f5}.filters-panel{background:#2a2a2a;border-bottom-color:#3a3a3a}.filter-section label{color:#f5f5f5}.category-chip{color:#d1d5db;background:#1a1a1a;border-color:#3a3a3a}.map-control-btn,.map-legend{color:#f5f5f5;background:#2a2a2a}.marker-info-card{background:#2a2a2a}.info-details h3{color:#f5f5f5}.close-info{color:#d1d5db;background:#3a3a3a}}.my-location-btn{cursor:pointer;z-index:10;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;bottom:100px;right:16px;box-shadow:0 2px 6px #0000004d}.my-location-btn:hover{background-color:#f0f0f0;transform:scale(1.05)}.my-location-btn:active{transform:scale(.95)}.dark .my-location-btn{color:#f5f5f5;background-color:#2a2a2a}.dark .my-location-btn:hover{background-color:#3a3a3a}.create-lost-item-page{background-color:#f9fafb;min-height:100vh;padding-bottom:2rem}.create-header{z-index:40;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.create-header h1{color:#111827;font-size:1.125rem;font-weight:600}.back-btn{cursor:pointer;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .2s;display:flex}.back-btn:hover{background-color:#f3f4f6}.progress-container{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.5rem;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#34d399,#10b981,#14b8a6);border-radius:9999px;height:100%;transition:width .3s}.progress-text{color:#6b7280;text-align:right;font-size:.875rem}.create-form{max-width:48rem;margin:0 auto;padding:1.5rem}.form-section{background-color:#fff;border-radius:1rem;margin-bottom:1rem;padding:1.5rem;position:relative;box-shadow:0 1px 2px #0000000d}.form-section label{color:#111827;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:500;display:flex}.label-with-check{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.label-with-check label{margin-bottom:0}.field-check{color:var(--primary);white-space:nowrap;background-color:#ecfdf5;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;animation:.3s slideInRight;display:flex}.field-check.completed{color:#fff;background:linear-gradient(135deg,#10b981 0%,#14b8a6 100%)}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.item-type-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.type-btn{cursor:pointer;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .2s;display:flex}.type-btn:hover{background-color:#f3f4f6;transform:translateY(-2px)}.type-btn.active{border-color:var(--primary);background-color:#ecfdf5;box-shadow:0 0 0 3px #10b9811a}.type-icon{font-size:2rem}.type-btn span:last-child{color:#111827;font-size:.875rem;font-weight:500}.form-input{background-color:#f9fafb;border-color:#e5e7eb;height:3rem}.form-input:focus{background-color:#fff}.form-textarea{background-color:#f9fafb;border-color:#e5e7eb}.form-textarea:focus{background-color:#fff}.category-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (max-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}}.category-btn{cursor:pointer;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .2s;display:flex}.category-btn:hover{background-color:#f3f4f6;transform:translateY(-2px)}.category-btn.active{background-color:color-mix(in srgb,var(--category-color)10%,white);border-color:var(--category-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color)10%,transparent)}.category-icon{font-size:1.5rem}.category-label{color:#111827;font-size:.75rem;font-weight:500}.photo-upload-area{text-align:center;cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:1rem;padding:2rem;transition:all .2s}.photo-upload-area:hover{border-color:var(--primary);background-color:#f3f4f6}.photo-upload-area.dragging{border-color:var(--primary);background-color:#ecfdf5}.upload-text{color:#111827;margin-top:.75rem;font-size:.875rem;font-weight:500}.upload-hint{color:#6b7280;margin-top:.25rem;font-size:.75rem}.photos-preview{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.photo-preview-item{aspect-ratio:1;background-color:#f3f4f6;border-radius:.75rem;position:relative;overflow:hidden}.photo-preview-item img{object-fit:cover;width:100%;height:100%}.remove-photo-btn{cursor:pointer;color:#fff;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background-color .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.remove-photo-btn:hover{background-color:#000c}.location-btn{border:1px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;background-color:#ecfdf5;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-weight:500;transition:all .2s;display:flex}.location-btn:hover{background-color:#d1fae5}.map-container{background-color:#f3f4f6;border-radius:1rem;width:100%;height:20rem;overflow:hidden}.location-hint{color:#6b7280;margin-bottom:.75rem;font-size:.875rem;line-height:1.4}.location-address{color:#4b5563;background-color:#f9fafb;border-radius:.75rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.location-address.default{color:#92400e;background-color:#fef3c7;border:1px dashed #fbbf24}.contact-fields{flex-direction:column;gap:.75rem;display:flex}.points-balance{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.points-slider{appearance:none;background:linear-gradient(90deg,#ecfdf5,#10b981);border-radius:9999px;outline:none;width:100%;height:.5rem;margin-bottom:.5rem}.points-slider::-webkit-slider-thumb{appearance:none;background-color:var(--primary);cursor:pointer;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .2s;box-shadow:0 2px 4px #0003}.points-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.points-slider::-moz-range-thumb{background-color:var(--primary);cursor:pointer;border:none;border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 2px 4px #0003}.points-labels{color:#6b7280;justify-content:space-between;font-size:.75rem;display:flex}.error-banner{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.875rem;display:flex}.submit-btn{background-color:var(--primary);color:#fff;border-radius:1rem;width:100%;height:3.5rem;margin-top:1rem;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-btn:hover{background-color:#059669}.submit-btn:disabled{cursor:not-allowed;background-color:#d1d5db}.auto-save-hint{text-align:center;color:#9ca3af;margin-top:.75rem;font-size:.75rem}.create-success{background:linear-gradient(#ecfdf5,#fff);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.success-icon{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:1.5rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.create-success h2{color:#111827;margin-bottom:.5rem;font-size:1.5rem}.create-success p{color:#6b7280;font-size:.875rem}.spinner{animation:1s linear infinite spin}@media (min-width:640px){.create-form{padding:2rem}.category-grid{grid-template-columns:repeat(4,1fr)}.contact-fields{flex-direction:row}.contact-fields input{flex:1}}@media (min-width:768px){.item-type-buttons{grid-template-columns:repeat(2,1fr)}}.ai-auto-fill-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf640}.ai-auto-fill-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf659}.ai-auto-fill-btn:active{transform:translateY(0)}.ai-floating-btn{color:#fff;cursor:pointer;z-index:50;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s;display:flex;position:fixed;top:1rem;right:1.5rem;box-shadow:0 4px 12px #8b5cf666}.ai-floating-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);transform:scale(1.1)rotate(10deg);box-shadow:0 6px 20px #8b5cf680}.ai-floating-btn:active{transform:scale(.95)rotate(0)}@media (max-width:768px){.ai-floating-btn{width:3rem;height:3rem;right:1rem}}.chat-list-page-new{background-color:#fff;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.chat-list-page-new.dark{background-color:#1a1a1a}.chat-list-header-new{background-color:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-list-page-new.dark .chat-list-header-new{background-color:#1a1a1a;border-bottom-color:#2d2d2d}.chat-list-header-new h1{color:#111827;letter-spacing:-.8px;margin:0;font-size:28px;font-weight:800}.chat-list-page-new.dark .chat-list-header-new h1{color:#f1f5f9}.header-more-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chat-list-page-new.dark .header-more-btn{color:#9ca3af}.header-more-btn:hover{color:#10b981;background-color:#f3f4f6}.chat-list-page-new.dark .header-more-btn:hover{background-color:#2d2d2d}.search-section-new{background-color:#fff;padding:8px 20px 16px}.chat-list-page-new.dark .search-section-new{background-color:#1a1a1a}.search-container-new{background-color:#f3f4f6;border-radius:12px;align-items:center;height:40px;padding:0 12px;display:flex;position:relative}.chat-list-page-new.dark .search-container-new{background-color:#2d2d2d}.search-icon-new{color:#9ca3af;flex-shrink:0;margin-right:8px}.search-input-new{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.chat-list-page-new.dark .search-input-new{color:#f1f5f9}.search-input-new::placeholder{color:#9ca3af}.clear-search-new{color:#6b7280;cursor:pointer;background-color:#d1d5db;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.chat-list-page-new.dark .clear-search-new{color:#9ca3af;background-color:#3d3d3d}.clear-search-new:hover{color:#fff;background-color:#9ca3af}.chat-list-page-new.dark .clear-search-new:hover{background-color:#4d4d4d}.chat-list-content-new{flex:1;overflow-y:auto}.loading-container-new{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.loading-spinner-new{border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite spin}.chat-list-page-new.dark .loading-spinner-new{border-color:#10b981 #2d2d2d #2d2d2d}.loading-container-new p{color:#6b7280;font-size:15px;font-weight:500}.chat-list-page-new.dark .loading-container-new p{color:#9ca3af}.empty-state-new{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon-new{color:#d1d5db;margin-bottom:24px}.chat-list-page-new.dark .empty-icon-new{color:#3d3d3d}.empty-state-new h3{color:#111827;letter-spacing:-.5px;margin-bottom:8px;font-size:20px;font-weight:700}.chat-list-page-new.dark .empty-state-new h3{color:#f1f5f9}.empty-state-new p{color:#6b7280;font-size:15px;line-height:1.6}.chat-list-page-new.dark .empty-state-new p{color:#9ca3af}.chat-rooms-list-new{flex-direction:column;display:flex}.chat-room-item-new{cursor:pointer;background-color:#fff;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 20px;transition:background-color .2s;display:flex}.chat-list-page-new.dark .chat-room-item-new{background-color:#1a1a1a;border-bottom-color:#2d2d2d}.chat-room-item-new:hover{background-color:#f9fafb}.chat-list-page-new.dark .chat-room-item-new:hover{background-color:#2d2d2d}.chat-room-item-new:active{background-color:#f3f4f6}.chat-room-item-new.has-unread{background-color:#fff1f2}.chat-list-page-new.dark .chat-room-item-new.has-unread{background-color:#ef44441a}.avatar-container-new{flex-shrink:0;width:56px;height:56px;position:relative}.avatar-container-new img{object-fit:cover;border-radius:50%;width:100%;height:100%}.online-dot-new{background-color:#10b981;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.chat-list-page-new.dark .online-dot-new{border-color:#1a1a1a}.room-content-new{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.room-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-name-new{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:600;overflow:hidden}.chat-list-page-new.dark .room-name-new{color:#f1f5f9}.chat-room-item-new.has-unread .room-name-new{color:#000;font-weight:800}.chat-list-page-new.dark .chat-room-item-new.has-unread .room-name-new{color:#fff}.room-time-new{color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:500}.chat-room-item-new.has-unread .room-time-new{color:#ef4444;font-weight:600}.room-bottom-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-message-new{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;overflow:hidden}.chat-list-page-new.dark .room-message-new{color:#9ca3af}.chat-room-item-new.has-unread .room-message-new{color:#374151;font-weight:600}.chat-list-page-new.dark .chat-room-item-new.has-unread .room-message-new{color:#e2e8f0}.message-with-icon{align-items:center;gap:4px;display:inline-flex}.message-with-icon svg{flex-shrink:0}.room-unread-new{color:#fff;background-color:#ef4444;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 4px #ef44444d}.chat-list-content-new::-webkit-scrollbar{width:6px}.chat-list-content-new::-webkit-scrollbar-track{background:0 0}.chat-list-content-new::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.chat-list-page-new.dark .chat-list-content-new::-webkit-scrollbar-thumb{background-color:#ffffff1a}.chat-list-content-new::-webkit-scrollbar-thumb:hover{background-color:#0003}.chat-list-page-new.dark .chat-list-content-new::-webkit-scrollbar-thumb:hover{background-color:#fff3}@media (max-width:640px){.chat-list-header-new{padding:12px 16px}.chat-list-header-new h1{font-size:24px}.search-section-new{padding:8px 16px 12px}.chat-room-item-new{padding:12px 16px}.avatar-container-new{width:52px;height:52px}}@media (min-width:641px){.chat-list-page-new{border-left:1px solid #f3f4f6;border-right:1px solid #f3f4f6;max-width:600px;margin:0 auto}.chat-list-page-new.dark{border-left-color:#2d2d2d;border-right-color:#2d2d2d}.chat-list-header-new{padding:20px 24px}.search-section-new{padding:8px 24px 16px}.chat-room-item-new{padding:14px 24px}.avatar-container-new{width:60px;height:60px}.room-name-new{font-size:17px}.room-message-new{font-size:15px}}@media (min-width:1024px){.chat-list-page-new{max-width:800px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.chat-list-page-new{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.chat-page-new{background-color:#f5f5f5;flex-direction:column;height:100vh;display:flex}.chat-page-new.dark{background-color:#1a1a1a}.chat-header-new{background-color:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.chat-page-new.dark .chat-header-new{background-color:#2d2d2d;border-bottom-color:#3d3d3d}.header-back-btn{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.chat-page-new.dark .header-back-btn{color:#f1f5f9}.header-back-btn:hover{background-color:#f3f4f6}.chat-page-new.dark .header-back-btn:hover{background-color:#3d3d3d}.header-user-info{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.header-avatar-wrapper{flex-shrink:0;width:44px;height:44px;position:relative}.header-avatar-wrapper img{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;width:100%;height:100%}.chat-page-new.dark .header-avatar-wrapper img{border-color:#3d3d3d}.online-indicator-dot{background-color:#10b981;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.chat-page-new.dark .online-indicator-dot{border-color:#2d2d2d}.header-user-details{flex:1;min-width:0}.header-user-details h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:16px;font-weight:700;overflow:hidden}.chat-page-new.dark .header-user-details h3{color:#f1f5f9}.header-user-details p{color:#10b981;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.header-actions-new{gap:4px;display:flex}.header-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chat-page-new.dark .header-icon-btn{color:#9ca3af}.header-icon-btn:hover{color:#10b981;background-color:#f3f4f6}.chat-page-new.dark .header-icon-btn:hover{background-color:#3d3d3d}.messages-area-new{background-color:#f5f5f5;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.chat-page-new.dark .messages-area-new{background-color:#1a1a1a}.date-separator-new{justify-content:center;align-items:center;margin:16px 0;display:flex}.date-separator-new span{color:#6b7280;background-color:#0000000d;border-radius:12px;padding:6px 16px;font-size:12px;font-weight:600}.chat-page-new.dark .date-separator-new span{color:#9ca3af;background-color:#ffffff0d}.message-row-new{gap:8px;margin-bottom:2px;display:flex}.message-row-new.my-message-row{flex-direction:row-reverse;justify-content:flex-start}.message-avatar-new{flex-shrink:0;align-self:flex-end;width:36px;height:36px}.message-avatar-new img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-spacer{width:36px;height:36px}.message-group-new{flex-direction:column;gap:4px;max-width:75%;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble-new{word-wrap:break-word;border-radius:18px;padding:12px 16px;position:relative}.message-bubble-new p{color:#111827;margin:0;font-size:15px;line-height:1.5}.other-bubble{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.chat-page-new.dark .other-bubble{background-color:#2d2d2d}.chat-page-new.dark .other-bubble p{color:#f1f5f9}.my-bubble{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom-right-radius:4px;box-shadow:0 2px 8px #10b9814d}.my-bubble p{color:#fff}.message-image-new{border-radius:16px;max-width:280px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.message-image-new img{width:100%;height:auto;display:block}.message-voice-new{border-radius:18px;align-items:center;gap:12px;min-width:200px;padding:12px 16px;display:flex}.other-voice{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.chat-page-new.dark .other-voice{background-color:#2d2d2d}.my-voice{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom-right-radius:4px;box-shadow:0 2px 8px #10b9814d}.voice-play-button{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.voice-play-button:hover{background-color:#059669}.my-voice .voice-play-button{background-color:#ffffff40}.my-voice .voice-play-button:hover{background-color:#ffffff59}.voice-waveform-new{flex:1;align-items:center;display:flex}.voice-duration-new{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:600}.my-voice .voice-duration-new{color:#fff}.message-time-new{color:#9ca3af;padding:0 4px;font-size:11px}.my-time{align-self:flex-end}.other-time{align-self:flex-start}.typing-indicator-new{background-color:#fff;border-radius:18px 18px 18px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0000000d}.chat-page-new.dark .typing-indicator-new{background-color:#2d2d2d}.typing-indicator-new span{background-color:#9ca3af;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingBounce}.typing-indicator-new span:nth-child(2){animation-delay:.2s}.typing-indicator-new span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.input-area-new{background-color:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:0 -1px 3px #0000000d}.chat-page-new.dark .input-area-new{background-color:#2d2d2d;border-top-color:#3d3d3d}.input-icon-btn-new{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chat-page-new.dark .input-icon-btn-new{color:#9ca3af}.input-icon-btn-new:hover{color:#10b981;background-color:#f3f4f6}.chat-page-new.dark .input-icon-btn-new:hover{background-color:#3d3d3d}.input-wrapper-new{background-color:#f3f4f6;border-radius:24px;flex:1;align-items:center;gap:8px;padding:0 16px;display:flex}.chat-page-new.dark .input-wrapper-new{background-color:#3d3d3d}.message-input-new{color:#111827;background:0 0;border:none;outline:none;flex:1;height:44px;font-size:15px}.chat-page-new.dark .message-input-new{color:#f1f5f9}.message-input-new::placeholder{color:#9ca3af}.input-emoji-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.input-emoji-btn:hover{color:#10b981}.send-btn-new,.mic-btn-new{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 8px #10b9814d}.send-btn-new:hover:not(:disabled),.mic-btn-new:hover:not(.recording){transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.send-btn-new:active,.mic-btn-new:active{transform:scale(.95)}.send-btn-new:disabled{opacity:.5;cursor:not-allowed}.mic-btn-new.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s infinite recordingPulse}@keyframes recordingPulse{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 4px 16px #ef444499}}.messages-area-new::-webkit-scrollbar{width:6px}.messages-area-new::-webkit-scrollbar-track{background:0 0}.messages-area-new::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.chat-page-new.dark .messages-area-new::-webkit-scrollbar-thumb{background-color:#ffffff1a}.messages-area-new::-webkit-scrollbar-thumb:hover{background-color:#0003}.chat-page-new.dark .messages-area-new::-webkit-scrollbar-thumb:hover{background-color:#fff3}@media (max-width:640px){.message-group-new{max-width:85%}.message-image-new{max-width:240px}}@media (min-width:641px){.chat-page-new{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;max-width:600px;margin:0 auto}.chat-page-new.dark{border-left-color:#3d3d3d;border-right-color:#3d3d3d}.messages-area-new{padding:24px}.message-group-new{max-width:70%}.message-image-new{max-width:320px}}@media (min-width:1024px){.chat-page-new{max-width:800px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.input-area-new{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.store-page{background:#f9fafb;min-height:100vh;padding-bottom:100px}.store-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 20px 20px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-top h1{color:#111827;margin:0;font-size:24px}.cart-button{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.cart-button:hover{background:#f3f4f6}.cart-button:active{transform:scale(.95)}.cart-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;animation:.3s cartBadgePop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes cartBadgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.points-card{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 4px 12px #10b9814d}.points-info{flex:1}.points-label{opacity:.9;margin:0 0 4px;font-size:13px}.points-value{margin:0;font-size:28px;font-weight:700}.points-history-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;transition:all .3s;display:flex}.points-history-btn:hover{background:#ffffff4d}.search-bar{color:#6b7280;background:#f3f4f6;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-bar input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-bar input::placeholder{color:#9ca3af}.categories-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:16px 20px;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{display:none}.category-btn{color:#6b7280;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;padding:10px 20px;transition:all .3s}.category-btn:hover{color:#10b981;border-color:#10b981}.category-btn.active{color:#fff;background:#10b981;border-color:#10b981}.category-btn:active{transform:scale(.95)}.products-container{padding:0 20px 20px}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.product-card{background:#fff;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.limited-badge{color:#fff;z-index:2;background:#ef4444;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;animation:2s ease-in-out infinite limitedPulse;display:flex;position:absolute;top:8px;left:8px}@keyframes limitedPulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.wishlist-btn{color:#6b7280;cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}.wishlist-btn:hover{background:#fff;transform:scale(1.1)}.wishlist-btn.active{color:#ef4444}.product-image{cursor:pointer;width:100%;height:180px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:all .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:16px}.product-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.product-tag{color:#10b981;background:#f0fdf4;border-radius:4px;padding:3px 8px;font-size:10px}.product-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:15px;overflow:hidden}.product-description{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:12px;overflow:hidden}.product-rating{align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.rating-stars{color:#fbbf24}.rating-count{color:#9ca3af}.product-footer{justify-content:space-between;align-items:flex-end;display:flex}.product-price{flex-direction:column;gap:4px;display:flex}.discount-badge{color:#dc2626;background:#fef2f2;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.original-price{color:#9ca3af;font-size:11px;text-decoration:line-through}.current-price{color:#111827;font-size:16px;font-weight:700}.add-to-cart-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .3s}.add-to-cart-btn:hover:not(:disabled){background:#059669;transform:scale(1.05)}.add-to-cart-btn:disabled{cursor:not-allowed;background:#d1d5db}.add-to-cart-btn:active:not(:disabled){transform:scale(.95)}.empty-state{text-align:center;color:#9ca3af;padding:60px 20px}.floating-cart{color:#fff;cursor:pointer;z-index:40;background:#111827;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;animation:.4s slideUpCart;display:flex;position:fixed;bottom:80px;left:20px;right:20px;box-shadow:0 8px 24px #0003}@keyframes slideUpCart{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cart-summary{align-items:center;gap:12px;display:flex}.cart-total{align-items:center;gap:8px;font-weight:700;display:flex}.toast-notification{color:#fff;z-index:1000;pointer-events:none;background:#111827;border-radius:12px;padding:12px 24px;font-size:14px;animation:.3s toastSlideIn,.3s 1.7s toastSlideOut;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}@media (max-width:640px){.products-grid{gap:12px}.product-image{height:150px}.floating-cart{left:16px;right:16px}}@media (min-width:768px){.store-page{max-width:600px;margin:0 auto;padding-bottom:100px}.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}.floating-cart{max-width:560px;left:50%;transform:translate(-50%)}}@media (min-width:1024px){.store-page{max-width:800px}.products-grid{grid-template-columns:repeat(4,1fr)}.floating-cart{max-width:760px}}.bottom-nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-top:1px solid #e5e7eb;gap:.5rem;padding:.75rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-bar-btn{cursor:pointer;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.nav-bar-btn:hover{border-color:var(--primary);color:var(--primary);background:#f3f4f6}.nav-bar-btn:active{transform:scale(.98)}:root.dark .store-page{background:var(--background)}:root.dark .store-header{background:var(--card);border-bottom-color:var(--border)}:root.dark .header-top h1{color:var(--foreground)}:root.dark .cart-button{color:var(--muted-foreground)}:root.dark .cart-button:hover{background:var(--accent)}:root.dark .search-bar{background:var(--input-background);color:var(--foreground)}:root.dark .search-bar input{color:var(--foreground)}:root.dark .category-btn{background:var(--input-background);border-color:var(--border);color:var(--foreground)}:root.dark .product-card{background:var(--card)}:root.dark .product-name,:root.dark .current-price{color:var(--foreground)}:root.dark .bottom-nav-bar{border-top-color:var(--border);background:#000000f2}:root.dark .nav-bar-btn{background:var(--card);border-color:var(--border);color:var(--foreground)}:root.dark .nav-bar-btn:hover{background:var(--accent);border-color:var(--primary);color:var(--primary)}:root.dark .product-price-info{color:var(--muted-foreground)}:root.dark .add-to-cart-btn{color:#fff}:root.dark .empty-state{color:var(--muted-foreground)}:root.dark .floating-cart{background:var(--card);border:1px solid var(--border)}:root.dark .toast-notification{background:var(--card);border:1px solid var(--border);color:var(--foreground)}.other-user-profile-page{background-color:#f5f5f5;min-height:100vh;padding-bottom:40px}.other-user-profile-page.dark{background-color:#1a1a1a}.profile-header-other{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.other-user-profile-page.dark .profile-header-other{background-color:#2d2d2d;border-bottom-color:#3d3d3d}.back-btn-other,.report-btn-other{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.other-user-profile-page.dark .back-btn-other,.other-user-profile-page.dark .report-btn-other{color:#f1f5f9}.back-btn-other:hover,.report-btn-other:hover{background-color:#f3f4f6}.other-user-profile-page.dark .back-btn-other:hover,.other-user-profile-page.dark .report-btn-other:hover{background-color:#3d3d3d}.report-btn-other{color:#ef4444}.other-user-profile-page.dark .report-btn-other{color:#f87171}.profile-header-other h1{color:#111827;text-align:center;flex:1;margin:0;font-size:18px;font-weight:700}.other-user-profile-page.dark .profile-header-other h1{color:#f1f5f9}.profile-content-other{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;padding:20px;display:flex}.user-info-card-other{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.other-user-profile-page.dark .user-info-card-other{background-color:#2d2d2d}.profile-avatar-section{flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar-wrapper-other{width:100px;height:100px;position:relative}.profile-avatar-wrapper-other img{object-fit:cover;border:4px solid #10b981;border-radius:50%;width:100%;height:100%}.online-badge-other{color:#fff;background-color:#10b981;border:3px solid #fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:0;right:0}.other-user-profile-page.dark .online-badge-other{border-color:#2d2d2d}.profile-info-text{text-align:center}.profile-info-text h2{color:#111827;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:800}.other-user-profile-page.dark .profile-info-text h2{color:#f1f5f9}.profile-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.meta-item{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.other-user-profile-page.dark .meta-item{color:#9ca3af}.meta-item svg{flex-shrink:0}.user-bio-other{color:#4b5563;text-align:center;background-color:#f9fafb;border-radius:12px;margin:0 0 20px;padding:16px;font-size:15px;line-height:1.6}.other-user-profile-page.dark .user-bio-other{color:#d1d5db;background-color:#1a1a1a}.trust-score-card{background-color:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.other-user-profile-page.dark .trust-score-card{background-color:#1a1a1a}.trust-score-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.trust-score-header span{color:#6b7280;font-size:14px;font-weight:600}.other-user-profile-page.dark .trust-score-header span{color:#9ca3af}.trust-score-value{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.score-number{letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1}.score-max{color:#9ca3af;font-size:18px;font-weight:600}.trust-score-bar{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.other-user-profile-page.dark .trust-score-bar{background-color:#3d3d3d}.trust-score-fill{border-radius:4px;height:100%;transition:width .5s}.profile-actions-other{gap:12px;display:flex}.chat-btn-other{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.stats-section-other{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.other-user-profile-page.dark .stats-section-other{background-color:#2d2d2d}.section-title-other{color:#111827;margin:0 0 16px;font-size:16px;font-weight:700}.other-user-profile-page.dark .section-title-other{color:#f1f5f9}.stats-grid-other{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card-other{background-color:#f9fafb;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.other-user-profile-page.dark .stat-card-other{background-color:#1a1a1a}.stat-icon-other{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-info-other{flex:1;min-width:0}.stat-label-other{color:#6b7280;margin:0 0 4px;font-size:12px}.other-user-profile-page.dark .stat-label-other{color:#9ca3af}.stat-value-other{color:#111827;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:800}.other-user-profile-page.dark .stat-value-other{color:#f1f5f9}.badges-section-other{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.other-user-profile-page.dark .badges-section-other{background-color:#2d2d2d}.badges-grid-other{flex-direction:column;gap:12px;display:flex}.badge-card-other{background-color:#f9fafb;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.other-user-profile-page.dark .badge-card-other{background-color:#1a1a1a}.badge-icon-other{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.badge-info-other{flex:1;min-width:0}.badge-name-other{color:#111827;margin:0 0 4px;font-size:15px;font-weight:700}.other-user-profile-page.dark .badge-name-other{color:#f1f5f9}.badge-desc-other{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.other-user-profile-page.dark .badge-desc-other{color:#9ca3af}.loading-container-profile,.error-container-profile{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.loading-spinner-profile{border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite spin}.other-user-profile-page.dark .loading-spinner-profile{border-color:#10b981 #3d3d3d #3d3d3d}.loading-container-profile p,.error-container-profile h3{color:#6b7280;margin:0;font-size:15px;font-weight:500}.other-user-profile-page.dark .loading-container-profile p,.other-user-profile-page.dark .error-container-profile h3{color:#9ca3af}.error-container-profile svg{color:#ef4444;margin-bottom:20px}.error-container-profile h3{color:#111827;margin-bottom:20px;font-size:18px;font-weight:700}.other-user-profile-page.dark .error-container-profile h3{color:#f1f5f9}.back-button-error{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;padding:12px 32px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.back-button-error:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.back-button-error:active{transform:translateY(0)}@media (max-width:640px){.profile-content-other{padding:16px}.user-info-card-other{padding:20px}.profile-avatar-wrapper-other{width:80px;height:80px}.profile-info-text h2{font-size:20px}.stats-grid-other{grid-template-columns:1fr}}@media (min-width:641px){.profile-header-other{padding:16px 20px}.profile-content-other{padding:24px}.user-info-card-other{padding:32px}.profile-avatar-wrapper-other{width:120px;height:120px}.profile-info-text h2{font-size:28px}}.profile-actions-other{flex-direction:column;gap:12px;display:flex}.chat-btn-other,.review-btn-other{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.chat-btn-other.primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.chat-btn-other.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.chat-btn-other.primary:active{transform:translateY(0)}.review-btn-other.primary{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.review-btn-other.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.review-btn-other.primary:active{transform:translateY(0)}@media (min-width:640px){.profile-actions-other{flex-direction:row}}.settings-page{background:var(--background);min-height:100vh;padding-bottom:100px}.settings-header{z-index:50;background:var(--card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(20px);position:sticky;top:0}.settings-header .header-container{justify-content:space-between;align-items:center;max-width:600px;margin:0 auto;padding:1rem;display:flex}@media (min-width:1024px){.settings-header .header-container{max-width:800px;padding:1rem 2rem}}.back-btn{width:40px;height:40px;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s;display:flex}.back-btn:hover{background:var(--accent)}.settings-header h1{color:var(--foreground);font-size:1.25rem;font-weight:600}.settings-content{max-width:600px;margin:0 auto;padding:1.5rem 1rem}@media (min-width:1024px){.settings-content{max-width:800px;padding:2rem}}.settings-section{margin-bottom:2rem}.section-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 .5rem;font-size:.875rem;font-weight:600}.settings-list{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.setting-item{width:100%;color:var(--foreground);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--accent)}.setting-item:active{background:var(--muted)}.setting-left{flex:1;align-items:center;gap:1rem;display:flex}.setting-icon{color:var(--primary);flex-shrink:0}.setting-info{flex-direction:column;gap:.25rem;display:flex}.setting-label{color:var(--foreground);font-size:1rem;font-weight:500}.setting-description{color:var(--muted-foreground);font-size:.875rem}.chevron{color:var(--muted-foreground);flex-shrink:0}.toggle-switch{flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--muted);border-radius:31px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:25px;height:25px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.logout-item,.logout-item .setting-icon{color:var(--foreground)}.logout-item:hover{background:var(--accent)}.danger-item,.danger-item .setting-icon,.danger-item .setting-label{color:var(--destructive)}.danger-item:hover{background:#ef44441a}.user-info-section{text-align:center;margin-top:2rem;padding:1rem}.user-info-text{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.875rem}.user-info-text.secondary{color:var(--muted-foreground);opacity:.7;font-size:.75rem}@media (min-width:768px){.settings-section{margin-bottom:2.5rem}.setting-item{padding:1.25rem 1.5rem}}@media (prefers-reduced-motion:no-preference){.setting-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-slider,.toggle-slider:before{transition:all .3s cubic-bezier(.4,0,.2,1)}}.back-btn:focus-visible,.setting-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notifications-page{background-color:#f9fafb;min-height:100vh;padding-bottom:80px}.notifications-page.dark{background-color:#0f172a}.notifications-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.notifications-page.dark .notifications-header{background-color:#1e293bf2;border-bottom-color:#334155}.header-title{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.notifications-header h1{color:#111827;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.notifications-page.dark .notifications-header h1{color:#f1f5f9}.unread-badge{color:#fff;background-color:#ef4444;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:flex}.back-button,.mark-all-read-btn{color:#111827;cursor:pointer;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.notifications-page.dark .back-button,.notifications-page.dark .mark-all-read-btn{color:#f1f5f9}.back-button:hover,.mark-all-read-btn:hover{background-color:#f3f4f6;transform:scale(1.05)}.notifications-page.dark .back-button:hover,.notifications-page.dark .mark-all-read-btn:hover{background-color:#334155}.back-button:active,.mark-all-read-btn:active{transform:scale(.95)}.mark-all-read-btn,.notifications-page.dark .mark-all-read-btn{color:#10b981}.notification-filters{background-color:#fff;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 20px;display:flex}.notifications-page.dark .notification-filters{background-color:#1e293b;border-bottom-color:#334155}.filter-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.notifications-page.dark .filter-btn{color:#94a3b8;background-color:#1e293b;border-color:#334155}.filter-btn:hover{background-color:#f9fafb;border-color:#10b981;transform:translateY(-2px)}.notifications-page.dark .filter-btn:hover{background-color:#334155;border-color:#10b981}.filter-btn.active{color:#fff;background-color:#10b981;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.notifications-page.dark .filter-btn.active{color:#fff;background-color:#10b981;border-color:#10b981}.filter-count{background-color:#0000001a;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.filter-btn.active .filter-count{background-color:#ffffff40}.notifications-content{padding:20px}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite spin}.notifications-page.dark .loading-spinner{border-color:#10b981 #334155 #334155}.loading-container p{color:#6b7280;font-size:15px;font-weight:500}.notifications-page.dark .loading-container p{color:#94a3b8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{color:#d1d5db;margin-bottom:24px}.notifications-page.dark .empty-icon{color:#475569}.empty-state h3{color:#111827;letter-spacing:-.5px;margin-bottom:8px;font-size:20px;font-weight:700}.notifications-page.dark .empty-state h3{color:#f1f5f9}.empty-state p{color:#6b7280;font-size:15px;line-height:1.6}.notifications-page.dark .empty-state p{color:#94a3b8}.notifications-list{flex-direction:column;gap:8px;display:flex}.notification-item{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:flex-start;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notifications-page.dark .notification-item{background-color:#1e293b;border-color:#334155}.notification-item.unread{background-color:#f0fdf4;border-color:#86efac}.notifications-page.dark .notification-item.unread{background-color:#10b9811a;border-color:#10b9814d}.notification-item:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.notifications-page.dark .notification-item:hover{box-shadow:0 8px 20px #0000004d}.notification-item:active{transform:translateY(0)}.notification-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.notification-icon-svg{width:20px;height:20px}.notification-content{flex:1;min-width:0}.notification-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.notification-title{color:#111827;flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.4}.notifications-page.dark .notification-title{color:#f1f5f9}.unread-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notification-message{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.notifications-page.dark .notification-message{color:#94a3b8}.notification-time{color:#9ca3af;font-size:12px;font-weight:500}.notifications-page.dark .notification-time{color:#64748b}.delete-btn{color:#9ca3af;cursor:pointer;opacity:0;background-color:#0000;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.notification-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444;background-color:#fee2e2;transform:scale(1.1)}.notifications-page.dark .delete-btn:hover{color:#f87171;background-color:#ef444433}.delete-btn:active{transform:scale(.95)}@media (min-width:640px){.notifications-content{padding:24px}.notifications-list{gap:12px}.notification-item{padding:20px}.notification-icon{width:56px;height:56px}.notification-title{font-size:16px}.notification-message{font-size:15px}}@media (min-width:768px){.notifications-page{max-width:768px;margin:0 auto}.notifications-header h1{font-size:22px}.delete-btn{opacity:.7}.delete-btn:hover{opacity:1}}@media (min-width:1024px){.notifications-page{max-width:900px}}.review-page{background-color:var(--background);min-height:100vh;padding-bottom:2rem}.review-header{background-color:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.review-header h1{color:var(--foreground);margin:0;font-size:1.125rem;font-weight:600}.back-btn-review,.header-spacer{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.back-btn-review{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;transition:all .2s}.back-btn-review:hover{background-color:var(--secondary);transform:scale(1.05)}.back-btn-review:active{transform:scale(.95)}.back-btn-review:disabled{opacity:.5;cursor:not-allowed}.header-spacer{visibility:hidden}.review-content{flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.user-card-review{background-color:var(--card);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.user-avatar-review{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:56px;height:56px}.user-info-review{flex:1}.user-nickname-review{color:var(--foreground);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.user-subtitle-review{color:var(--muted-foreground);margin:0;font-size:.875rem}.score-section-review{background-color:var(--card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.score-header-review{color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:flex}.score-display-review{justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.score-emoji{font-size:3rem}.score-number-review{font-size:3rem;font-weight:700;line-height:1}.score-max-review{color:var(--muted-foreground);margin-top:1rem;font-size:1.5rem}.score-slider-review{-webkit-appearance:none;border-radius:4px;outline:none;width:100%;height:8px;transition:all .3s}.score-slider-review::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0003}.score-slider-review::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.score-slider-review::-webkit-slider-thumb:active{transform:scale(.95)}.score-slider-review::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 2px 8px #0003}.score-slider-review::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.score-slider-review::-moz-range-thumb:active{transform:scale(.95)}.score-labels-review{color:var(--muted-foreground);justify-content:space-between;font-size:.75rem;display:flex}.form-group-review{flex-direction:column;gap:.5rem;display:flex}.form-label-review{color:var(--foreground);font-size:.9375rem;font-weight:600}.form-input-review,.form-textarea-review{border:1px solid var(--border);background-color:var(--card);width:100%;color:var(--foreground);resize:none;border-radius:.75rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input-review:focus,.form-textarea-review:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #10b9811a}.form-input-review.error,.form-textarea-review.error{border-color:var(--destructive)}.form-input-review:disabled,.form-textarea-review:disabled{opacity:.6;cursor:not-allowed}.error-message-review{color:var(--destructive);align-items:center;gap:.25rem;margin:0;font-size:.875rem;display:flex}.char-count-review{color:var(--muted-foreground);text-align:right;margin:0;font-size:.75rem}.image-preview-grid-review{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.image-preview-item-review{aspect-ratio:1;border:1px solid var(--border);border-radius:.75rem;position:relative;overflow:hidden}.image-preview-item-review img{object-fit:cover;width:100%;height:100%}.remove-image-btn-review{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.remove-image-btn-review:hover{background-color:#ef4444e6;transform:scale(1.1)}.remove-image-btn-review:active{transform:scale(.95)}.remove-image-btn-review:disabled{opacity:.5;cursor:not-allowed}.image-upload-btn-review{border:2px dashed var(--border);background-color:var(--secondary);color:var(--muted-foreground);cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:all .3s;display:flex}.image-upload-btn-review:hover{border-color:var(--primary);color:var(--primary);background-color:#10b9810d}.image-upload-btn-review:active{transform:scale(.98)}.submit-btn-review{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn-review:hover{background-color:#0d9668;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.submit-btn-review:active{transform:translateY(0)}.submit-btn-review:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-spinner-review{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.info-message-review{border-left:3px solid var(--primary);background-color:#10b9811a;border-radius:.5rem;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:1rem;display:flex}.info-message-review p{color:var(--foreground);margin:0;font-size:.875rem;line-height:1.5}.info-message-review svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.loading-container-review,.error-container-review{min-height:100vh;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner-review{border:4px solid var(--muted);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.error-container-review svg{color:var(--muted-foreground)}.error-container-review h3{margin:.5rem 0;font-size:1.25rem}.back-button-error-review{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.back-button-error-review:hover{background-color:#0d9668;transform:translateY(-2px)}.back-button-error-review:active{transform:translateY(0)}.review-page.dark .user-card-review,.review-page.dark .score-section-review{background-color:var(--card);border-color:var(--border)}.review-page.dark .score-slider-review::-webkit-slider-thumb{background:var(--card);box-shadow:0 2px 8px #00000080}.review-page.dark .score-slider-review::-moz-range-thumb{background:var(--card);box-shadow:0 2px 8px #00000080}@media (min-width:768px){.review-content{gap:2rem;padding:2rem 1.5rem}.user-card-review{padding:1.5rem}.score-section-review{padding:2rem}.image-preview-grid-review{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (min-width:1024px){.review-header h1{font-size:1.25rem}.review-content{max-width:700px}}.user-card-review,.score-section-review,.form-group-review,.submit-btn-review,.info-message-review{animation:.4s cubic-bezier(.4,0,.2,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group-review:first-child{animation-delay:50ms}.form-group-review:nth-child(2){animation-delay:.1s}.form-group-review:nth-child(3){animation-delay:.15s}.form-group-review:nth-child(4){animation-delay:.2s}.change-password-page{background-color:#f9fafb;min-height:100vh}.change-password-page.dark{background-color:#0f172a}.change-password-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.change-password-page.dark .change-password-header{background-color:#1e293bf2;border-bottom-color:#334155}.change-password-header h1{text-align:center;color:#111827;letter-spacing:-.5px;flex:1;margin:0 16px;font-size:20px;font-weight:700}.change-password-page.dark .change-password-header h1{color:#f1f5f9}.back-button{color:#111827;cursor:pointer;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.change-password-page.dark .back-button{color:#f1f5f9}.back-button:hover{background-color:#f3f4f6;transform:scale(1.05)}.change-password-page.dark .back-button:hover{background-color:#334155}.back-button:active{transform:scale(.95)}.change-password-content{max-width:600px;margin:0 auto;padding:24px 20px 40px}.info-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;margin-bottom:24px;padding:16px;display:flex}.change-password-page.dark .info-banner{background-color:#3b82f61a;border-color:#3b82f64d}.info-banner>svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-text{flex-direction:column;flex:1;gap:4px;display:flex}.info-text strong{color:#1e40af;font-size:14px;font-weight:600}.change-password-page.dark .info-text strong{color:#93c5fd}.info-text span{color:#3b82f6;font-size:13px}.change-password-page.dark .info-text span{color:#60a5fa}.password-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.change-password-page.dark .password-form{background-color:#1e293b;border-color:#334155}.form-group{margin-bottom:24px}.form-group:last-of-type{margin-bottom:0}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.change-password-page.dark .form-group label{color:#cbd5e1}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.change-password-page.dark .input-icon{color:#64748b}.password-input{color:#111827;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:52px;padding:0 48px;font-size:15px;transition:all .3s}.change-password-page.dark .password-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.password-input::placeholder{color:#9ca3af}.change-password-page.dark .password-input::placeholder{color:#64748b}.password-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.toggle-password{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;right:12px}.change-password-page.dark .toggle-password{color:#94a3b8}.toggle-password:hover{color:#10b981;background-color:#f3f4f6}.change-password-page.dark .toggle-password:hover{color:#10b981;background-color:#334155}.validation-list{background-color:#f9fafb;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;padding:12px;display:grid}.change-password-page.dark .validation-list{background-color:#0f172a}.validation-item{color:#6b7280;align-items:center;gap:6px;font-size:13px;transition:all .2s;display:flex}.change-password-page.dark .validation-item{color:#94a3b8}.validation-item.valid{color:#10b981}.validation-icon{flex-shrink:0}.validation-item:not(.valid) .validation-icon{color:#d1d5db}.change-password-page.dark .validation-item:not(.valid) .validation-icon{color:#475569}.match-indicator{border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.match-indicator.match{color:#10b981;background-color:#f0fdf4}.change-password-page.dark .match-indicator.match{background-color:#10b9811a}.match-indicator.no-match{color:#ef4444;background-color:#fef2f2}.change-password-page.dark .match-indicator.no-match{background-color:#ef44441a}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.change-password-page.dark .error-message{color:#f87171;background-color:#ef44441a;border-color:#ef44444d}.submit-button{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:16px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){background-color:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;background-color:#d1d5db}.change-password-page.dark .submit-button:disabled{background-color:#475569}.button-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.security-tips{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px}.change-password-page.dark .security-tips{background-color:#1e293b;border-color:#334155}.security-tips h3{color:#111827;margin:0 0 12px;font-size:16px;font-weight:700}.change-password-page.dark .security-tips h3{color:#f1f5f9}.security-tips ul{margin:0;padding-left:20px}.security-tips li{color:#6b7280;margin-bottom:6px;font-size:14px;line-height:1.8}.change-password-page.dark .security-tips li{color:#94a3b8}.security-tips li:last-child{margin-bottom:0}@media (min-width:640px){.change-password-content{padding:32px 24px 48px}.password-form{padding:32px}.validation-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.change-password-header h1{font-size:22px}.security-tips h3{font-size:17px}}.onboarding-page{background:var(--background);flex-direction:column;width:100%;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.skip-button{z-index:100;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;position:absolute;top:20px;right:20px}.skip-button:hover{background:#00000080;transform:scale(1.05)}.skip-button:active{transform:scale(.98)}.slides-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slide{flex-direction:column;width:100%;height:100%;display:flex;position:absolute}.slide-image-container{width:100%;height:55%;position:relative;overflow:hidden}.slide-image{object-fit:cover;width:100%;height:100%}.image-overlay{background:linear-gradient(to bottom,transparent,var(--background));pointer-events:none;height:100px;position:absolute;bottom:0;left:0;right:0}.slide-content{background:var(--background);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 32px 120px;display:flex}.slide-icon{background:linear-gradient(135deg,var(--primary)0%,#059669 100%);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex;box-shadow:0 8px 24px #10b9814d}.slide-title{color:var(--foreground);margin:0 0 16px;font-size:28px;font-weight:700;line-height:1.3}.slide-description{color:var(--muted-foreground);max-width:320px;margin:0;font-size:16px;line-height:1.6}.bottom-controls{padding:24px 32px;padding-bottom:max(24px,env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--border);z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.page-indicators{justify-content:center;align-items:center;gap:8px;display:flex}.indicator-dot{background:var(--muted);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot:hover{background:var(--muted-foreground);transform:scale(1.2)}.indicator-dot.active{background:var(--primary);border-radius:4px;width:24px}.next-button,.start-button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.next-button{background:var(--card);color:var(--primary);border:2px solid var(--primary)}.next-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.next-button:active{transform:translateY(0)}.start-button{background:linear-gradient(135deg,var(--primary)0%,#059669 100%);color:#fff;box-shadow:0 8px 24px #10b9814d}.start-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.start-button:active{transform:translateY(0)}:root.dark .skip-button{background:#ffffff1a;border-color:#ffffff26}:root.dark .skip-button:hover{background:#fff3}:root.dark .image-overlay{background:linear-gradient(to bottom,transparent,var(--background))}:root.dark .slide-icon{box-shadow:0 8px 24px #10b98180}:root.dark .bottom-controls{border-top-color:var(--border)}:root.dark .indicator-dot{background:var(--muted)}:root.dark .indicator-dot:hover{background:var(--muted-foreground)}:root.dark .next-button{background:var(--card);border-color:var(--primary);color:var(--primary)}:root.dark .next-button:hover{background:var(--primary);color:#1a1a1a}@media (max-width:400px){.slide-content{padding:32px 24px 100px}.slide-title{font-size:24px}.slide-description{font-size:14px}.slide-icon{width:56px;height:56px;margin-bottom:20px}.slide-icon svg{width:28px;height:28px}.bottom-controls{padding:20px 24px}}@media (min-width:768px){.slide-image-container{height:60%}.slide-content{padding:48px 48px 140px}.slide-title{font-size:32px}.slide-description{max-width:400px;font-size:18px}.slide-icon{width:72px;height:72px}.slide-icon svg{width:36px;height:36px}}@supports (padding:max(0px)){.onboarding-page{padding-top:env(safe-area-inset-top)}.skip-button{top:max(20px,env(safe-area-inset-top) + 10px);right:max(20px,env(safe-area-inset-right) + 10px)}}.leaderboard-page{background:var(--bg-primary);min-height:100vh;padding-bottom:80px}.leaderboard-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.leaderboard-header h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.back-button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.back-button:hover{background:var(--bg-secondary)}.header-spacer{width:40px}.leaderboard-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:8px;padding:16px 20px;display:flex}.leaderboard-tabs .tab{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.leaderboard-tabs .tab:hover{background:var(--bg-hover)}.leaderboard-tabs .tab.active{background:var(--brand-green);color:var(--dark-text);border-color:var(--brand-green)}.leaderboard-tabs .tab svg{flex-shrink:0}.leaderboard-content{padding:20px 16px}.podium-section{justify-content:center;align-items:flex-end;gap:12px;margin-bottom:32px;padding:20px 0;display:flex}.podium-item{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:110px;display:flex;position:relative}.podium-item.first{order:2}.podium-item.second{order:1;margin-bottom:20px}.podium-item.third{order:3;margin-bottom:20px}.crown-icon{color:var(--brand-green);animation:3s ease-in-out infinite float;position:absolute;top:-36px}.podium-avatar{border:3px solid var(--brand-green);border-radius:50%;width:74px;height:74px;position:relative;overflow:hidden;box-shadow:0 4px 12px #10b9814d}.podium-item.first .podium-avatar{border-width:4px;width:84px;height:84px}.podium-avatar img{object-fit:cover;width:100%;height:100%}.rank-badge{background:var(--brand-green);border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.rank-badge span{color:var(--dark-text);font-size:14px;font-weight:700}.podium-info{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.podium-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:14px;font-weight:700;overflow:hidden}.podium-score{color:var(--text-primary);align-items:center;gap:4px;font-size:13px;display:flex}.score-icon{color:var(--brand-green)}.podium-rating{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.podium-rating svg{color:#fbbf24}.ranking-list{flex-direction:column;gap:8px;display:flex}.ranking-item{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.ranking-item:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.ranking-item.current-user{background:var(--brand-green-light);border-color:var(--brand-green);cursor:default}.ranking-item.current-user:hover{transform:none}.ranking-number{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ranking-number span{color:var(--text-secondary);font-size:14px;font-weight:700}.ranking-item.current-user .ranking-number span{color:var(--dark-text)}.ranking-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:40px;height:40px}.ranking-item.current-user .ranking-avatar{border-color:var(--brand-green)}.ranking-info{flex:1;min-width:0}.ranking-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:700;overflow:hidden}.ranking-item.current-user .ranking-name{color:var(--dark-text)}.ranking-rating{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.ranking-rating svg{color:#fbbf24;flex-shrink:0}.ranking-item.current-user .ranking-rating{color:var(--dark-text);opacity:.8}.ranking-score{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:600}.ranking-item.current-user .ranking-score{color:var(--dark-text);font-weight:700}:root.dark .leaderboard-page{background:var(--dark-bg)}:root.dark .leaderboard-header,:root.dark .leaderboard-tabs{background:var(--dark-bg);border-bottom-color:var(--dark-border)}:root.dark .leaderboard-tabs .tab{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-secondary)}:root.dark .leaderboard-tabs .tab:hover{background:var(--dark-hover)}:root.dark .leaderboard-tabs .tab.active{background:var(--brand-green);color:#1a1a1a;border-color:var(--brand-green)}:root.dark .podium-avatar{border-color:var(--brand-green);box-shadow:0 4px 12px #10b98166}:root.dark .rank-badge{background:var(--brand-green);border-color:var(--dark-bg)}:root.dark .podium-name,:root.dark .podium-score{color:var(--dark-text)}:root.dark .ranking-item{background:var(--dark-card);border-color:var(--dark-border)}:root.dark .ranking-item:hover{background:var(--dark-hover);box-shadow:0 4px 12px #0000004d}:root.dark .ranking-item.current-user{border-color:var(--brand-green);background:#10b98126}:root.dark .ranking-avatar{border-color:var(--dark-border)}:root.dark .ranking-item.current-user .ranking-avatar{border-color:var(--brand-green)}:root.dark .ranking-name{color:var(--dark-text)}:root.dark .ranking-item.current-user .ranking-name{color:var(--brand-green)}:root.dark .ranking-rating,:root.dark .ranking-score{color:var(--dark-text-secondary)}:root.dark .ranking-item.current-user .ranking-score{color:var(--brand-green)}@media (max-width:400px){.podium-section{gap:8px}.podium-item{max-width:90px}.podium-avatar{width:64px;height:64px}.podium-item.first .podium-avatar{width:74px;height:74px}.podium-name{font-size:12px}.podium-score{font-size:11px}.leaderboard-tabs .tab{padding:8px 12px;font-size:12px}}.search-page{background:#fff;min-height:100vh;padding-bottom:5rem}.search-header{z-index:40;background:#fff;border-bottom:1px solid #e6e6e6;position:sticky;top:0}.search-header-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1000px;margin:0 auto;padding:1rem 1.5rem;display:flex}.search-header h1{color:#1a1a1a;text-align:center;flex:1;margin:0;font-family:General Sans,sans-serif;font-size:1.5rem;font-weight:600}.back-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex}.back-btn:hover{transform:scale(1.1)}.notification-btn-search{cursor:pointer;color:#1a1a1a;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex}.notification-btn-search:hover{transform:scale(1.1)}.search-input-container{max-width:1000px;margin:0 auto;padding:1rem 1.5rem}.search-form{width:100%}.search-input-wrapper{background:#fff;border:1px solid #e6e6e6;border-radius:.625rem;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex;position:relative}.search-input-icon{color:#1a1a1a;flex-shrink:0;width:1.5rem;height:1.5rem}.search-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;height:auto;padding:0;font-family:General Sans,sans-serif;font-size:1rem}.search-input::placeholder{color:#999}.mic-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.search-content{max-width:1000px;margin:0 auto;padding:0 1.5rem}.recent-searches{padding-top:1rem}.recent-searches-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.recent-searches-header h2{color:#1a1a1a;margin:0;font-family:General Sans,sans-serif;font-size:1.25rem;font-weight:600}.clear-all-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-family:General Sans,sans-serif;font-size:.875rem;transition:color .2s}.clear-all-btn:hover{color:#1a1a1a;text-decoration:underline}.recent-searches-list{flex-direction:column;gap:0;display:flex}.recent-search-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.recent-search-btn{text-align:left;color:#1a1a1a;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-family:General Sans,sans-serif;font-size:1rem;transition:color .2s}.recent-search-btn:hover{color:var(--primary)}.remove-search-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.remove-search-btn:hover{transform:scale(1.1)}.search-results{flex-direction:column;gap:0;padding-top:.5rem;display:flex}.search-result-item{cursor:pointer;border-bottom:1px solid #f5f5f5;align-items:center;gap:1rem;padding:1rem 0;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:#fafafa;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.result-image{background-color:#f5f5f5;border-radius:.5rem;flex-shrink:0;width:4rem;height:4rem;overflow:hidden}.result-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.result-info h3{color:#1a1a1a;margin:0;font-family:General Sans,sans-serif;font-size:1rem;font-weight:500}.result-price{color:#1a1a1a;align-items:center;gap:.5rem;font-family:General Sans,sans-serif;font-size:.875rem;display:flex}.result-discount{color:#ef4444;font-weight:500}.result-arrow{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.no-results-icon{background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:8rem;height:8rem;margin-bottom:1.5rem;display:flex}.no-results h2{color:#1a1a1a;margin:0 0 .5rem;font-family:General Sans,sans-serif;font-size:1.25rem;font-weight:600}.no-results p{color:gray;max-width:16rem;margin:0;font-family:General Sans,sans-serif;font-size:1rem}@media (min-width:768px){.search-header-container,.search-input-container,.search-content{max-width:1200px}}:root.dark .search-page{background-color:var(--background)}:root.dark .search-header{background-color:var(--card);border-bottom-color:var(--border)}:root.dark .search-header h1,:root.dark .back-btn,:root.dark .notification-btn-search{color:var(--foreground)}:root.dark .search-input-wrapper{background:var(--card);border-color:var(--border)}:root.dark .search-input-icon,:root.dark .search-input{color:var(--foreground)}:root.dark .search-input::placeholder{color:var(--muted-foreground)}:root.dark .recent-searches-header h2,:root.dark .recent-search-btn,:root.dark .result-info h3,:root.dark .result-price{color:var(--foreground)}:root.dark .clear-all-btn{color:var(--muted-foreground)}:root.dark .clear-all-btn:hover{color:var(--foreground)}:root.dark .recent-search-item,:root.dark .search-result-item{border-bottom-color:var(--border)}:root.dark .search-result-item:hover{background-color:var(--accent)}:root.dark .result-image,:root.dark .no-results-icon{background-color:var(--muted)}:root.dark .no-results h2{color:var(--foreground)}:root.dark .no-results p{color:var(--muted-foreground)}.static-page{background-color:var(--background);min-height:100vh;padding-bottom:2rem}.static-header{z-index:10;background-color:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.static-header h1{color:var(--foreground);margin:0;font-size:1.125rem;font-weight:600}.back-btn{cursor:pointer;width:40px;height:40px;color:var(--foreground);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.static-content{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;padding:1.5rem;display:flex}.text-section h2{color:var(--primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.text-section p{color:var(--muted-foreground);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.labeling-section{margin-top:1rem}.labeling-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.label-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.label-icon-box{border:2px solid var(--primary);width:64px;height:64px;color:var(--primary);background-color:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex}.label-icon-box.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:var(--primary);color:#fff;border:none;border-radius:0}.label-text{color:var(--foreground);font-size:.875rem;font-weight:600}.info-list{margin-bottom:1rem;padding-left:1.5rem;list-style:outside}.info-list li{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.accordion-item{border:1px solid var(--border);background-color:var(--card);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.accordion-trigger{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem;font-weight:600;display:flex}.accordion-content{color:var(--muted-foreground);border-top:1px solid var(--border);background-color:var(--input-background);padding:0 1rem 1rem;font-size:.9375rem;line-height:1.6}