:root{--primary:#8b4513;--primary-light:sienna;--secondary:gold;--background:#fdf5e6;--surface:#fff;--text:#333;--text-light:#666;--error:#d32f2f;--success:#388e3c;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){:root{--background:#1a1a1a;--surface:#2d2d2d;--text:#f0f0f0;--text-light:#a0a0a0;--primary:sienna;--primary-light:#8b4513}}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}@media (min-width:768px){.container{max-width:720px;padding:var(--spacing-lg)}}@media (min-width:1024px){.container{max-width:100%;padding:var(--spacing-xl)}}.feed-grid{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}}@media (min-width:1280px){.feed-grid{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;border:none;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background-color:var(--primary);color:#fff}.btn-secondary{color:var(--text);border:1px solid var(--text-light)}.btn-secondary,.card{background-color:var(--surface)}.card{border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.stats-page h2{margin-bottom:var(--spacing-md)}.stats-page h3{margin-bottom:var(--spacing-sm);font-size:1rem;color:var(--text-light)}.stats-grid,.stats-section{margin-bottom:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}}.stat-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm)}.stat-emoji{font-size:1.5rem;display:block}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary);display:block}.stat-label{font-size:.8rem;color:var(--text-light)}.chart-container{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:var(--spacing-xs)}.bar-column{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-value{font-size:.75rem;color:var(--text-light);margin-bottom:var(--spacing-xs)}.bar{width:100%;background:var(--primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;flex-grow:1;max-height:100%}.bar-label{font-size:.7rem;color:var(--text-light);margin-top:var(--spacing-xs)}.heatmap-wrapper{display:flex;gap:var(--spacing-xs)}.heatmap-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:.6rem;color:var(--text-light);padding:2px 0}.heatmap-grid{display:flex;gap:2px;overflow-x:auto}.heatmap-week{display:flex;flex-direction:column;gap:2px}.heatmap-cell{width:10px;height:10px;border-radius:2px}.heatmap-cell.intensity-empty{background:transparent}.heatmap-cell.intensity-0{background:var(--surface);border:1px solid #e0e0e0}.heatmap-cell.intensity-1{background:#c6e48b}.heatmap-cell.intensity-2{background:#7bc96f}.heatmap-cell.intensity-3{background:#449d44}.heatmap-cell.intensity-4{background:#196127}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:var(--spacing-sm);font-size:.65rem;color:var(--text-light)}.heatmap-legend .heatmap-cell{width:10px;height:10px}.time-chart{display:flex;flex-direction:column;gap:2px}.time-row{display:flex;align-items:center;gap:var(--spacing-xs);height:12px}.time-label{width:35px;font-size:.65rem;color:var(--text-light);text-align:right}.time-bar-container{flex:1 1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.time-bar{height:100%;background:var(--primary);border-radius:4px;min-width:0}.time-count{width:20px;font-size:.65rem;color:var(--text-light)}.achievements-section{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.achievements-summary{text-align:center;color:var(--text-light);font-size:.85rem;margin-bottom:var(--spacing-md)}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}@media (min-width:768px){.achievements-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}}@media (min-width:1024px){.achievements-grid{grid-template-columns:repeat(6,1fr)}}.achievement-card{text-align:center;padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--background)}.achievement-card.earned{background:linear-gradient(135deg,#fff9e6,#fff3cc)}.achievement-card.locked{opacity:.5}.achievement-emoji{font-size:1.5rem;display:block;margin-bottom:var(--spacing-xs)}.achievement-name{font-size:.7rem;font-weight:600;display:block}.achievement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.achievement-modal{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;max-width:320px;width:100%;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}.achievement-modal-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}.achievement-modal-name{font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-sm) 0;color:var(--text)}.achievement-modal-description{font-size:.95rem;color:var(--text-light);margin:0 0 var(--spacing-md) 0;line-height:1.5}.achievement-modal-status{font-size:.85rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.achievement-modal-status.earned{color:var(--success)}.achievement-modal-status.locked{color:var(--text-light)}.achievement-modal-close{background:var(--primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .2s}.achievement-modal-close:hover{opacity:.9}.leaderboard-section{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.leaderboard-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tab-btn{flex:1 1;padding:var(--spacing-sm);border:none;background:var(--background);border-radius:var(--radius-md);font-size:.85rem;color:var(--text)}.tab-btn.active{background:var(--primary);color:#fff}.rankings-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ranking-item{display:flex;align-items:center;padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-sm)}.ranking-item.current-user{background:linear-gradient(135deg,#fff9e6,#fff3cc);font-weight:600}.ranking-position{width:32px;font-size:1rem}.ranking-username{flex:1 1;color:var(--text);text-decoration:none}.ranking-username:hover{color:var(--primary);text-decoration:underline}.ranking-count{font-weight:700;color:var(--primary)}@media (prefers-color-scheme:dark){.heatmap-cell.intensity-0{background:#333;border-color:#444}.time-bar-container{background:#444}.achievement-card.earned,.ranking-item.current-user{background:linear-gradient(135deg,#3d3520,#4a4025)}}.toilet-marker,.user-marker{background:transparent;border:none}.leaflet-popup-content-wrapper{border-radius:var(--radius-md)}.leaflet-popup-content{margin:10px 12px}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--text-light);border-top-color:var(--primary);animation:spin .8s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.loading-text{color:var(--text-light);font-size:.9rem}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.auth-card{width:100%;max-width:400px}.auth-subtitle,.auth-title{margin-bottom:var(--spacing-md);text-align:center}.auth-subtitle{color:var(--text-light);font-size:.9rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--text-light);background:var(--surface);color:var(--text)}.form-input:focus{outline:2px solid var(--primary);outline-offset:1px}.form-hint{font-size:.75rem;color:var(--text-light);margin-top:var(--spacing-xs)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-md)}.error-message{color:var(--error);margin-bottom:var(--spacing-md);text-align:center}.error-box{padding:.75rem;background:rgba(211,47,47,.1)}.error-box,.success-box{margin-bottom:var(--spacing-md);border-radius:var(--radius-sm)}.success-box{background:var(--success);color:#fff;padding:var(--spacing-sm);text-align:center;font-size:.9rem}.list-unstyled{list-style:none;padding:0;margin:0}.list-item{margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-group-vertical{flex-direction:column}.text-center{text-align:center}.text-light{color:var(--text-light)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mb-sm{margin-bottom:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.flex-1{flex:1 1}.gap-sm{gap:var(--spacing-sm)}.section-title{margin-bottom:var(--spacing-sm)}.section-description{font-size:.9rem;color:var(--text-light);margin-bottom:var(--spacing-md)}.invite-code-input{text-transform:uppercase;letter-spacing:2px;text-align:center;font-size:1.1rem}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{width:auto}.checkbox-group label{margin:0;cursor:pointer}.btn-sm{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-danger{background-color:var(--error);color:#fff}.link-primary{color:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}