.map-container{box-shadow:var(--shadow-sm)}#location-map,#story-map{align-items:center;background-color:var(--skeleton-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--medium-text);display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative;width:100%}#location-map:before,#story-map:before{animation:skeleton-pulse 1.5s linear infinite;background:linear-gradient(110deg,var(--skeleton-bg) 8%,var(--skeleton-highlight) 18%,var(--skeleton-bg) 33%);background-size:200% 100%;border-radius:inherit;content:"";inset:0;opacity:1;position:absolute;z-index:1}#location-map .leaflet-map-pane,#story-map .leaflet-map-pane{z-index:2}#location-map .content-loading-indicator,#story-map .content-loading-indicator{background:rgba(248,249,250,.85);border-radius:var(--border-radius-md);color:var(--dark-text);min-height:200px;padding:var(--spacing-lg);position:relative;z-index:3}#story-map{height:450px}#location-map{height:380px}.leaflet-popup-content-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.leaflet-popup-content{color:var(--dark-text);font-family:var(--font-family-sans);font-size:.9rem;line-height:1.5;margin:var(--spacing-md)!important;max-width:220px;min-width:180px}.leaflet-popup-content b,.leaflet-popup-content strong{color:var(--primary-color);display:block;font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:4px}.leaflet-popup-content small{color:var(--medium-text);display:block;font-size:.85rem;line-height:1.4}.leaflet-popup-content img{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:block;height:auto;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm);max-width:100%}.leaflet-popup-close-button{color:var(--medium-text);font-size:1.5rem;padding:6px 6px 0 0!important;transition:color .15s ease-in-out}.leaflet-popup-close-button:hover{background-color:transparent;color:var(--dark-text);transform:none}.leaflet-popup-tip{background-color:var(--card-bg);border:1px solid var(--border-color);border-top:1px solid transparent;box-shadow:var(--shadow-sm)}.map-instruction{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);color:var(--medium-text);font:12px/1.5 var(--font-family-sans);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.leaflet-control-layers,.leaflet-control-zoom{background-color:var(--white-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.leaflet-control-layers-toggle{background-color:var(--white-color);background-size:20px 20px;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);height:32px!important;width:32px!important}.leaflet-control-layers-toggle:hover{background-color:var(--light-bg)}.leaflet-control-layers-expanded{padding:var(--spacing-sm) var(--spacing-md)}.leaflet-control-layers-base label span{color:var(--medium-text);font-size:.9rem;padding:3px 0}.leaflet-control-layers-base input:checked+span{color:var(--dark-text);font-weight:var(--font-weight-semibold)}.leaflet-control-layers-base label{margin-bottom:var(--spacing-xs)}.leaflet-control-zoom a{background-color:var(--white-color);border-radius:0;color:var(--primary-color);font-size:1.2rem;font-weight:700;height:30px!important;line-height:30px!important;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:30px!important}.leaflet-control-zoom a:hover{background-color:var(--primary-color);color:var(--white-color)}.leaflet-control-zoom-in{border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.leaflet-control-zoom-out{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.leaflet-control-attribution{font-size:11px}.leaflet-control-attribution a{color:var(--primary-color);text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}:host(story-item){animation:fadeInSlideUp .3s ease-out forwards;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative;text-decoration:none;transform:translateY(5px);transition:transform var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing),border-color var(--transition-duration) var(--transition-timing)}:host(story-item:focus-within),:host(story-item:hover){border-color:var(--input-border-color);box-shadow:var(--shadow-md);transform:none}:host(story-item:focus-visible){border-color:var(--focus-outline-color);box-shadow:var(--shadow-md);outline-offset:2px}.story-item__image-container{align-items:center;background-color:var(--skeleton-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;overflow:hidden;padding-top:60%;position:relative;width:100%}.story-item__image-container:after{content:none}.story-item__image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .25s ease-out;width:100%}:host(story-item:hover) .story-item__image{transform:scale(1.03)}.story-item__image:error,.story-item__image[src=""]{background-color:transparent;height:50px;object-fit:contain;opacity:.5;padding:var(--spacing-lg);position:static;transform:scale(1)!important;width:50px}.story-item__content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-md)}.story-item__meta{align-items:baseline;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.story-item__author{color:var(--dark-text);flex-grow:1;font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-right:var(--spacing-sm);word-break:break-word}.story-item__location{align-items:center;background-color:transparent;border-radius:0;color:var(--medium-text);display:inline-flex;flex-shrink:0;font-size:.8rem;gap:var(--spacing-xs);padding:0;white-space:nowrap}.story-item__location i{color:var(--light-text);font-size:.9em;text-align:center;width:1em}.story-item__description{color:var(--medium-text);display:-webkit-box;font-size:.9rem;margin-top:var(--spacing-xs);-webkit-box-orient:vertical;flex-grow:1;line-height:1.5;margin-bottom:var(--spacing-md);min-height:4.5em;overflow:hidden;text-overflow:ellipsis}.story-item__timestamp{border-top:1px solid var(--border-color);color:var(--light-text);font-size:.8rem;margin-top:auto;padding-top:var(--spacing-sm);text-align:right}.form-group{margin-bottom:1rem;position:relative}.form-group label{color:var(--medium-text);display:block;font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{appearance:none;background-color:var(--card-bg);border:1px solid var(--input-border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);color:var(--dark-text);font-family:inherit;font-size:1rem;line-height:1.5;padding:.6rem .9rem;transition:border-color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing),background-color var(--transition-duration);width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background-color:#1a202c;border-color:var(--focus-outline-color);box-shadow:0 0 0 3px rgba(var(--focus-shadow-color-rgb),.3);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--light-text);opacity:.7}.form-group textarea{line-height:1.6;min-height:110px;resize:vertical}.form-group small{color:var(--medium-text);display:block;font-size:.875rem;margin-top:.5rem}.form-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-start;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.form-actions .button{min-width:120px}.form-actions .loading-indicator{margin-left:var(--spacing-sm)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error-color)!important}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{background-color:var(--card-bg)!important;border-color:var(--error-color)!important;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)!important}.form-group .error-message{color:var(--error-color);font-size:.875rem;font-weight:var(--font-weight-normal);margin-top:.5rem}button:disabled,input:disabled,select:disabled,textarea:disabled{background-color:#e9ecef!important;border-color:#ced4da!important;color:#6c757d!important;cursor:not-allowed;opacity:1}.auth-page p{color:var(--medium-text);font-size:.95rem;margin-top:var(--spacing-xl);text-align:center}.auth-page p a{border-radius:var(--border-radius-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:underline;transition:color .2s}.auth-page p a:hover{color:var(--primary-color-dark)}.location-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-block:var(--spacing-sm) var(--spacing-md)}#get-current-location-button{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--dark-text);font-weight:var(--font-weight-normal)}#get-current-location-button:hover:not(:disabled){background-color:#5c636a;border-color:#565e64;color:#fff}.location-feedback{align-items:center;color:var(--primary-color-dark);display:inline-flex;font-size:.9rem;font-style:normal;font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.location-feedback .fa-spinner{animation:spinner-spin 1.5s linear infinite;color:var(--primary-color)}#selected-coords{background-color:var(--primary-color-light);border:1px solid #b9ccf7;border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);color:var(--primary-color-dark);font-size:.9rem;font-style:normal;font-weight:var(--font-weight-normal);line-height:1.5;margin-top:var(--spacing-md);padding:.5rem .75rem;word-break:break-all}#selected-coords:empty:before{color:var(--medium-text);content:"Lokasi belum dipilih.";font-style:italic;opacity:.8}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--skeleton-bg);border-radius:var(--border-radius-sm);color:transparent;cursor:progress;display:block;user-select:none}.skeleton-container{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.skeleton-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.skeleton-image{background-color:var(--skeleton-bg);border-bottom:1px solid var(--border-color);height:0;margin-bottom:0;padding-top:60%;width:100%}.skeleton-content{flex-grow:1;padding:var(--spacing-md)}.skeleton-line{background-color:var(--skeleton-bg);border-radius:var(--border-radius-sm);height:1em;margin-bottom:var(--spacing-md)}.skeleton-line--title{height:1rem;margin-bottom:var(--spacing-sm);width:55%}.skeleton-line--meta{display:none}.skeleton-line--text{height:.9rem;margin-bottom:var(--spacing-sm);width:95%}.skeleton-line--text:last-of-type{margin-bottom:var(--spacing-md);width:80%}.skeleton-line--timestamp{height:.8rem;margin-bottom:0;margin-left:auto;margin-top:var(--spacing-sm);width:40%}.image-modal{align-items:center;background-color:rgba(33,37,41,.85);cursor:zoom-out;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:var(--spacing-lg);position:fixed;transition:opacity .25s var(--transition-timing),visibility 0s linear .25s;visibility:hidden;z-index:10010}.image-modal[aria-hidden=false]{opacity:1;transition-delay:0s;visibility:visible}.image-modal__image{border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);cursor:default;display:block;margin-bottom:var(--spacing-md);max-height:calc(80vh - var(--spacing-lg));max-width:calc(100vw - var(--spacing-xl)*2);object-fit:contain;opacity:0;transform:scale(.95);transition:transform .25s var(--transition-timing) .05s,opacity .25s var(--transition-timing) .05s}.image-modal[aria-hidden=false] .image-modal__image{opacity:1;transform:scale(1)}.image-modal__close{align-items:center;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:1.6rem;height:36px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:background-color var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing);width:36px;z-index:1}.image-modal__close:focus-visible,.image-modal__close:hover{background-color:rgba(0,0,0,.7);color:var(--white-color);outline:none;transform:scale(1.1)}.image-modal__caption{background-color:rgba(33,37,41,.8);border-radius:var(--border-radius-md);color:#dee2e6;cursor:default;font-size:.9rem;font-weight:var(--font-weight-normal);margin-top:auto;max-width:70%;opacity:0;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transform:translateY(-var(--spacing-sm));transition:opacity .3s ease .1s}.image-modal[aria-hidden=false] .image-modal__caption{opacity:1}.image-modal__caption,.image-modal__image{cursor:default;pointer-events:auto}.detail-story-page{padding-block:var(--spacing-lg) var(--spacing-xxl)}.detail-story-page h1{color:var(--dark-text);font-size:2rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-xl);padding-inline:var(--spacing-md);text-align:center}.detail-story__layout{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr;padding:var(--spacing-lg)}.detail-story__media{aspect-ratio:16/10;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:zoom-in;max-height:70vh;overflow:hidden;position:relative}.detail-story__media,.detail-story__media:after{align-items:center;display:flex;justify-content:center}.detail-story__media:after{background-color:rgba(33,37,41,.4);color:#fff;content:"\f00e";font-family:Font Awesome\ 6 Free;font-size:2.5rem;font-weight:900;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-duration) var(--transition-timing)}.detail-story__media:hover:after{opacity:1}.detail-story__image{display:block;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.detail-story__media:hover .detail-story__image{transform:scale(1.03)}.detail-story__image[src="images/placeholder.png"]{height:100px;object-fit:contain;opacity:.5;width:100px}.detail-story__content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.detail-story__date{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.875rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-md)}.detail-story__date,.detail-story__date i{color:var(--medium-text)}.detail-story__description{border-bottom:none;color:var(--dark-text);flex-grow:1;font-size:1rem;line-height:1.6;margin-block:var(--spacing-md) var(--spacing-lg);padding-bottom:0;white-space:pre-wrap}.detail-story__location{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.detail-story__location h2{border:none;color:var(--dark-text);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);margin-top:0;padding:0}.detail-story__map{background-color:var(--skeleton-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);height:300px;overflow:hidden;width:100%}.detail-story__no-location{align-items:center;background-color:var(--light-bg);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--medium-text);display:flex;flex-direction:column;font-size:.95rem;font-style:normal;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);min-height:150px;padding:var(--spacing-lg);text-align:center}.detail-story__no-location i{color:var(--light-text);font-size:1.8rem;margin-bottom:var(--spacing-sm);margin-right:0}.detail-story__actions{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.detail-story__actions .button{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color);font-weight:var(--font-weight-normal);min-width:180px}.detail-story__actions .button:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--white-color);transform:none}.detail-story__actions .button i{margin-right:var(--spacing-sm)}@media screen and (min-width:768px){.detail-story__layout{gap:var(--spacing-xl);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);padding:var(--spacing-xl)}.detail-story__media{aspect-ratio:unset;max-height:75vh}.detail-story__image{max-height:75vh}.detail-story-page h1{font-size:2.5rem}.detail-story__content{padding:var(--spacing-sm)}}@media screen and (width >= 1024px){.detail-story__layout{gap:var(--spacing-xxl);padding:var(--spacing-xl)}.detail-story__description{font-size:1rem}.detail-story__map{height:350px}}.detail-story-page>.error-message{background-color:var(--error-color-light);border:1px solid #f5c2c7;border-left:4px solid var(--error-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#842029;font-weight:var(--font-weight-normal);margin:var(--spacing-xl) auto;max-width:80%;padding:var(--spacing-lg);text-align:center}:root{--primary-color:#38b2ac;--primary-color-dark:#319795;--primary-color-light:#b2f5ea;--secondary-color:#ed8936;--accent-color:var(--secondary-color);--light-bg:#1a202c;--card-bg:#2d3748;--dark-text:#f7fafc;--medium-text:#a0aec0;--light-text:#718096;--white-color:#fff;--error-color:#f56565;--error-color-light:#fed7d7;--success-color:#48bb78;--success-color-light:#c6f6d5;--border-color:#4a5568;--input-border-color:#4a5568;--header-bg:#2d3748;--header-text:var(--white-color);--footer-bg:#171923;--footer-text:var(--medium-text);--focus-outline-color:var(--secondary-color);--focus-shadow-color-rgb:237,137,54;--skeleton-bg:#4a5568;--skeleton-highlight:#718096;--shadow-color-rgb:0,0,0;--font-family-sans:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--shadow-xs:0 0 0 transparent;--shadow-sm:0 1px 3px 0 rgba(var(--shadow-color-rgb),0.2),0 1px 2px 0 rgba(var(--shadow-color-rgb),0.16);--shadow-md:0 4px 6px -1px rgba(var(--shadow-color-rgb),0.25),0 2px 4px -1px rgba(var(--shadow-color-rgb),0.16);--shadow-lg:0 10px 15px -3px rgba(var(--shadow-color-rgb),0.3),0 4px 6px -2px rgba(var(--shadow-color-rgb),0.15);--shadow-xl:var(--shadow-lg);--shadow-2xl:var(--shadow-lg);--transition-duration:0.2s;--transition-timing:cubic-bezier(0.4,0,0.2,1);--transition-duration-long:0.4s}@keyframes spinner-spin{to{transform:rotate(1turn)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{50%{background-color:var(--skeleton-highlight)}}@keyframes subtle-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes slide-fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slide-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spinner-spin .7s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-left:3px solid var(--secondary-color);border-radius:50%;display:inline-block;height:16px;margin-right:var(--spacing-sm);vertical-align:middle;width:16px}.spinner--small{border-width:2px;height:14px;width:14px}.button:disabled .spinner,.content-loading-indicator .spinner{border-color:hsla(0,0%,100%,.2);border-left-color:var(--secondary-color)}.offline-delete-button .spinner{border-left-color:#fff}.loading-indicator{align-items:center;color:var(--medium-text);display:inline-flex;font-size:.9rem;font-style:normal;font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.content-loading-indicator{align-items:center;color:var(--medium-text);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xxxl) var(--spacing-lg);text-align:center}.content-loading-indicator .spinner{border-width:3px;height:36px;margin-bottom:var(--spacing-lg);width:36px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;scroll-behavior:smooth}body{background-color:var(--light-bg);color:var(--dark-text);display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-weight-normal);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none}.container{margin-inline:auto;max-width:1320px;padding-inline:var(--spacing-lg);width:100%}h1,h2,h3{color:var(--dark-text);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2.1rem}h2{font-size:1.6rem}h2,h3{font-weight:var(--font-weight-semibold)}h3{font-size:1.2rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing)}a:hover{color:var(--primary-color-light);text-decoration:underline}img{display:block;height:auto;max-width:100%;vertical-align:middle}:focus:not(:focus-visible){box-shadow:none;outline:none}:focus-visible{border-radius:var(--border-radius-md);box-shadow:0 0 0 3px rgba(var(--focus-shadow-color-rgb),.3);outline:2px solid var(--focus-outline-color);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus-outline-color);box-shadow:0 0 0 3px rgba(var(--focus-shadow-color-rgb),.3);outline:none}.skip-link{background-color:var(--secondary-color);border-radius:0 0 var(--border-radius-md) 0;box-shadow:var(--shadow-lg);color:var(--dark-text);font-weight:var(--font-weight-semibold);left:0;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;text-decoration:none;top:-100px;transition:top .3s ease-in-out;z-index:10000}.skip-link:focus{top:0}.app-bar{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--header-text);height:68px;position:sticky;top:0;z-index:1000}.app-bar__container{align-items:center;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-between}.app-bar__left{flex-shrink:0}.app-bar__center{display:none}.app-bar__right{align-items:center;display:flex;gap:var(--spacing-sm)}.app-bar__brand{align-items:center;color:var(--header-text);display:inline-flex;font-size:1.5rem;font-weight:var(--font-weight-bold);gap:10px;text-decoration:none;transition:opacity var(--transition-duration) var(--transition-timing)}.app-bar__brand:hover{opacity:.9;text-decoration:none}.app-bar__brand i{color:var(--primary-color);font-size:1.4rem}.app-bar__menu{background-color:transparent;border:none;border-radius:var(--border-radius-md);color:var(--medium-text);cursor:pointer;display:inline-flex;font-size:1.6rem;padding:var(--spacing-sm);transition:background-color var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing)}.app-bar__menu:hover{background-color:var(--card-bg);color:var(--primary-color)}#app-bar-clock{align-items:center;background:none;border-radius:0;color:var(--medium-text);display:none;font-size:.85rem;font-weight:var(--font-weight-normal);gap:var(--spacing-sm);padding:0;white-space:nowrap}#app-bar-clock .clock__separator,.app-bar__navigation{display:none}.nav-list{align-items:center;display:flex;gap:var(--spacing-sm);list-style:none;margin:0}.nav-list li a:not(.button),.nav-list li button.nav-button{background:none;border:none;border-radius:var(--border-radius-md);color:var(--medium-text);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:var(--font-weight-medium);padding:8px 14px;transition:background-color var(--transition-duration),color var(--transition-duration)}.nav-list li a:not(.button):focus-visible,.nav-list li a:not(.button):hover,.nav-list li button.nav-button:focus-visible,.nav-list li button.nav-button:hover{background-color:var(--card-bg);color:var(--primary-color);text-decoration:none}.nav-list li .user-greeting{color:var(--medium-text);font-size:.95rem;font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs)}.nav-list .button--logout{color:var(--medium-text)!important;font-weight:var(--font-weight-medium)!important;padding:8px 14px!important}.nav-list .button--logout:focus-visible,.nav-list .button--logout:hover{background-color:var(--error-color-light)!important;color:var(--error-color)!important}.nav-list .button--sm{background:var(--card-bg);border:1px solid var(--border-color);color:var(--primary-color);font-size:.9rem;font-weight:var(--font-weight-medium);padding:6px 12px}.nav-list .button--sm:hover{background:var(--primary-color-light);border-color:var(--primary-color);transform:translateY(-1px)}.mobile-drawer{background-color:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--dark-text);display:flex;flex-direction:column;height:100%;left:0;padding:var(--spacing-xl);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px;z-index:10001}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer__close{background:none;border:none;color:var(--light-text);cursor:pointer;font-size:1.8rem;line-height:1;padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.mobile-drawer__close:hover{color:var(--dark-text)}.mobile-nav-list{display:flex;flex-direction:column;list-style:none;margin-top:var(--spacing-xl)}.mobile-nav-list li{border-bottom:1px solid var(--border-color)}.mobile-nav-list li:first-child{border-top:1px solid var(--border-color)}.mobile-nav-list li a,.mobile-nav-list li button{background:none;border:none;color:var(--dark-text);cursor:pointer;display:block;font-size:1.05rem;font-weight:var(--font-weight-medium);padding:var(--spacing-md) 0;text-align:left;text-decoration:none;transition:color .2s;width:100%}.mobile-nav-list li a:focus-visible,.mobile-nav-list li a:hover,.mobile-nav-list li button:focus-visible,.mobile-nav-list li button:hover{color:var(--primary-color)}.mobile-nav-list .button--logout{color:var(--error-color)!important}.mobile-nav-list .user-greeting--mobile{color:var(--medium-text);display:block;font-weight:var(--font-weight-medium);padding:var(--spacing-md) 0}.drawer-overlay{background-color:hsla(0,0%,4%,.7);inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility 0s linear .3s;visibility:hidden;z-index:10000}.drawer-overlay.open{opacity:1;transition-delay:0s;visibility:visible}main{flex-grow:1;padding-block:var(--spacing-xl) var(--spacing-xxxl)}main:focus{outline:none}main[aria-busy=true] .content-loading-indicator{display:flex}.footer{background-color:var(--footer-bg);border-top:1px solid var(--border-color);color:var(--footer-text);font-size:.875rem;margin-top:auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.footer p{margin:0}.button{align-items:center;background-color:var(--primary-color);border:1px solid transparent;border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);color:var(--white-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:var(--font-weight-normal);gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:middle}.button i{font-size:.9em;line-height:1;margin-right:6px}.button:hover:not(:disabled){box-shadow:var(--shadow-sm);color:#fff;outline:none;text-decoration:none}.button:active:not(:disabled),.button:hover:not(:disabled){background-color:var(--primary-color-dark);border-color:var(--primary-color-dark);transform:none}.button:active:not(:disabled){box-shadow:none;filter:brightness(.95)}.button:disabled{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed;opacity:.65!important;transform:none!important}.button--primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}.button--secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--dark-text)}.button--secondary:hover:not(:disabled){background-color:#5c636a;border-color:#565e64;color:#fff}.button--success{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.button--success:hover:not(:disabled){background-color:#157347;border-color:#146c43;color:#fff}.button--danger{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.button--danger:hover:not(:disabled){background-color:#bb2d3b;border-color:#b02a37;color:#fff}.button--outline{background-color:transparent;border:1px solid var(--primary-color);box-shadow:none;color:var(--primary-color);font-weight:var(--font-weight-normal)}.button--outline:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--white-color);transform:none}.button--block{display:flex;width:100%}.button--sm{border-radius:var(--border-radius-sm);font-size:.875rem;padding:.25rem .5rem}.nav-list .button--sm{background:none;border-color:hsla(0,0%,100%,.5);color:#fff;font-weight:var(--font-weight-normal)}.nav-list .button--sm:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.7);transform:none}.nav-list .button--logout{background:none!important;border:none;box-shadow:none;color:hsla(0,0%,100%,.85)!important;font-size:.95rem;font-weight:var(--font-weight-normal)!important;padding:8px 12px!important}.nav-list .button--logout:focus-visible,.nav-list .button--logout:hover{background-color:hsla(0,0%,100%,.1)!important;color:#fdd!important;text-decoration:none;transform:none}.auth-page form{box-shadow:var(--shadow-md);max-width:460px;padding:var(--spacing-xl) var(--spacing-xl)}.error-message{color:var(--error-color);display:block;font-size:.875rem;font-weight:var(--font-weight-normal);margin-top:var(--spacing-sm)}.error-message:focus{background-color:#f56565;border-radius:var(--border-radius-sm);color:var(--dark-text);outline-offset:1px;padding:2px 4px}section>h1+.error-message{background-color:var(--error-color-light);border-left:3px solid var(--error-color);border-radius:var(--border-radius-sm);color:#b91c1c;display:inline-block;font-size:1rem;margin-top:var(--spacing-md);padding:var(--spacing-sm)}.about-page h1,.add-story-page h1,.auth-page h1,.home-page h1{color:var(--dark-text);font-size:2rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl);text-align:center}.home-page .stories-container{display:block;margin-top:var(--spacing-lg)}.stories-list{column-count:1;column-gap:var(--spacing-lg);display:block;margin-bottom:var(--spacing-xl)}.stories-list .skeleton-item,.stories-list story-item{break-inside:avoid-column;margin-bottom:var(--spacing-lg);page-break-inside:avoid;-webkit-column-break-inside:avoid}.stories-list>.content-loading-indicator,.stories-list>.skeleton-container,.stories-list>div[role=alert],.stories-list>p{align-items:center;background-color:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--medium-text);column-span:all;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:var(--spacing-xl);text-align:center}.stories-list>.skeleton-container{background:none;border:none;box-shadow:none;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));min-height:auto;padding:0}.stories-list>div[role=alert]{background-color:var(--error-color-light);border:1px solid #f5c2c7;border-left:4px solid var(--error-color);color:#842029;text-align:left}.map-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);height:fit-content;margin-top:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg);position:relative}.map-container h2{border-bottom:1px solid var(--border-color);color:var(--dark-text);font-size:1.3rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:var(--spacing-md)}.map-container>p>small{color:var(--light-text);font-style:italic}.map-container>p.error-message{font-size:.9rem;font-style:normal;font-weight:var(--font-weight-semibold)}.camera-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.camera-container{background-color:var(--dark-text);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-width:100%;overflow:hidden;position:relative}#camera-video{display:block;max-height:400px;object-fit:cover;width:100%}#photo-preview{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:block;height:auto;margin-top:var(--spacing-md);max-width:100%;padding:var(--spacing-sm)}.load-more-container{column-span:all;margin-top:var(--spacing-md);padding:var(--spacing-lg) 0;text-align:center}.auth-page form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-inline:auto;margin-top:var(--spacing-xl);max-width:480px;padding:var(--spacing-xl) var(--spacing-xxl)}.auth-page form .form-actions .button{flex-grow:1}@media screen and (width >= 768px){.container{padding-inline:var(--spacing-xl)}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.3rem}.app-bar__center{display:flex}.stories-list{column-count:2}}@media screen and (width >= 1024px){.app-bar__container{justify-content:space-between}.app-bar__right{gap:var(--spacing-md)}.app-bar__navigation{align-items:center;display:flex}.app-bar__menu,.drawer-overlay,.mobile-drawer{display:none}.stories-list{column-count:3;gap:var(--spacing-xl)}.auth-page form{padding:var(--spacing-xxl) var(--spacing-xxxl)}#app-bar-clock .clock__separator{color:hsla(0,0%,100%,.5);display:inline-block;margin-inline:var(--spacing-sm)}}@media screen and (width >= 1400px){.stories-list{column-count:3}.container{max-width:1320px}}::view-transition-old(root){animation:slide-fade-out-up var(--transition-duration-long,.4s) ease-out forwards}::view-transition-new(root){animation:slide-fade-in-up var(--transition-duration-long,.4s) ease-in forwards}.notification-container{align-items:flex-end;bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:calc(100% - 48px);position:fixed;right:var(--spacing-lg);z-index:10001}.toast-notification{align-items:flex-start;background-color:var(--card-bg);border:1px solid var(--border-color);border-left-width:4px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);color:var(--dark-text);cursor:default;display:flex;font-size:.95rem;gap:var(--spacing-md);max-width:380px;opacity:0;padding:12px var(--spacing-lg);transform:scale(.95) translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:fit-content}.toast-notification.show{opacity:1;transform:scale(1) translateY(0)}.toast-notification.toast--success{background-color:var(--success-color-light);border-left-color:var(--success-color)}.toast-notification.toast--error{background-color:var(--error-color-light);border-left-color:var(--error-color)}.toast-notification.toast--info{background-color:var(--primary-color-light);border-left-color:var(--primary-color)}.toast-notification i{flex-shrink:0;font-size:1.1em;line-height:1.5;margin-top:2px}.toast-notification.toast--success i{color:var(--success-color)}.toast-notification.toast--error i{color:var(--error-color)}.toast-notification.toast--info i{color:var(--primary-color)}.toast-notification span{color:#212529!important;flex-grow:1;font-weight:var(--font-weight-normal);line-height:1.5}.toast-notification .close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--medium-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.4rem;height:26px;justify-content:center;line-height:1;margin-left:var(--spacing-md);margin-top:-2px;opacity:.7;padding:0;transition:opacity var(--transition-duration),color var(--transition-duration),transform var(--transition-duration);width:26px}.toast-notification .close-button:hover{background-color:rgba(var(--shadow-color-rgb),.08);color:var(--dark-text);opacity:1;transform:scale(1.1)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--card-bg) inset!important;box-shadow:0 0 0 1000px var(--card-bg) inset!important;-webkit-text-fill-color:var(--dark-text)!important;border:1px solid var(--input-border-color);caret-color:var(--dark-text);transition:background-color 5000s ease-in-out 0s}input[aria-invalid=true]:-webkit-autofill,input[aria-invalid=true]:-webkit-autofill:active,input[aria-invalid=true]:-webkit-autofill:focus,input[aria-invalid=true]:-webkit-autofill:hover{border-color:var(--error-color)!important;-webkit-box-shadow:0 0 0 1000px var(--card-bg) inset!important;box-shadow:0 0 0 1000px var(--card-bg) inset!important;-webkit-text-fill-color:var(--dark-text)!important}
/*# sourceMappingURL=app.325499ae8dda5bb5cb06.css.map*/