.spring-details{color:var(--dark-text-color);box-sizing:border-box;flex-direction:column;gap:20px;width:100%;height:100dvh;display:flex;position:relative;top:0;overflow-y:scroll}.spring-details-content{padding:0 var(--details-padding)7vh var(--details-padding);flex-direction:column;gap:20px;display:flex}.spring-details-top-details{flex-direction:column;gap:10px;width:100%;display:flex}.spring-details-title{font-size:28px;font-weight:700}.spring-details-subregion{cursor:pointer;align-items:center;gap:5px;font-weight:600;display:flex}.spring-details-subregion svg{color:var(--secondary-color)}.spring-details-tags{flex-wrap:wrap;gap:10px;display:flex}.spring-details-description{font-size:16px;font-weight:500;line-height:1.6}.spring-details-separator{background-color:var(--secondary-color-hover);color:#0000;width:100%;height:1px;margin:20px 0;display:block}.spring-details-bottom-sections{flex-direction:column;gap:20px;display:flex}.spring-details-section{flex-direction:column;gap:5px;display:flex}.spring-details-section-title{font-size:18px;font-weight:600}.spring-details-arrival{font-size:16px;line-height:1.6}@media (max-width:768px){.spring-details{flex:1;gap:0;width:100vw;max-width:100vw;min-height:0;top:0;overflow-y:auto}.spring-details-content{padding:0 var(--details-padding)0 var(--details-padding)}.map-panel-sheet-container[data-snap-index="3"] .spring-details-content{padding-bottom:var(--padding-bottom-open)}.map-panel-sheet-container[data-snap-index="2"] .spring-details-content{padding-bottom:var(--padding-bottom-middle)}.map-panel-sheet-container[data-snap-index="1"] .spring-details-content{padding-bottom:var(--padding-bottom-peeking)}}
.spring-details-header{z-index:10;box-sizing:border-box;background-color:var(--background-color);width:100%;padding:15px var(--details-padding);border-bottom:1px solid var(--secondary-color-hover);justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}.spring-details-back{cursor:pointer;align-items:center;gap:10px;display:flex}.spring-details-back:hover{color:var(--dark-text-color-hover)}@media (max-width:768px){.spring-details-header{position:sticky;top:0}}
.spring-details-header-actions{align-items:flex-start;gap:30px;display:flex}.spring-details-header-action{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:30px;display:flex}.spring-details-header-action span{font-size:12px;line-height:1.2}.spring-details-header-action:hover{color:var(--dark-text-color-hover)}
.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer;justify-content:center;align-items:center;display:flex}.dropdown-menu{z-index:1000;background-color:#fff;border-radius:12px;min-width:64px;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 4px 20px #00000026}.dropdown-menu.right{right:0}.dropdown-menu.left{left:0}.dropdown-menu-inner{flex-direction:column;gap:16px;padding:8px;display:flex}.dropdown-item{cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:100%;height:48px;padding:0;transition:background-color .2s;display:flex}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--secondary-color-hover)}.dropdown-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item-icon svg{width:24px;height:24px}.dropdown-item-label:empty{display:none}
.updates-box-container{border-radius:var(--border-radius);background-color:#fff;width:100%;min-height:180px;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.updates-title-section{background-color:var(--background-input-color);color:var(--primary-color);flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:120px;padding:20px;display:flex}.updates-title-section h2{text-align:center;margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.2}.updates-content{background-color:var(--secondary-color-hover);flex:3;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.updates-text-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:0 50px;display:flex}.quote{color:var(--dark-text-color);margin:0;font-size:18px;font-weight:600;line-height:1.4}.author{opacity:.7;color:var(--dark-text-color);margin:0;font-size:14px}.action-button{background-color:var(--primary-color);color:var(--bright-text-color);cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.action-button:hover{background-color:var(--dark-text-color-hover)}.nav-button{cursor:pointer;color:var(--primary-color);z-index:2;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover{opacity:1}.nav-button.prev{right:5px}.nav-button.next{left:5px}.nav-button svg{width:32px;height:32px}@media (max-width:768px){.updates-box-container{flex-direction:column;min-height:auto}.updates-title-section{flex-direction:row;gap:15px;padding:15px}.updates-title-section h2{text-align:right;margin:0}.updates-title-section h2 br{display:none}.updates-content{padding:30px 15px}.updates-text-content{padding:0 35px}}
.spring-add-update-container{width:100%;color:var(--dark-text-color);flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex;position:relative}.close-button{cursor:pointer;color:var(--dark-text-color);z-index:10;background:0 0;border:none;padding:5px;position:absolute;top:0;left:0}.title-section{text-align:center;flex-direction:column;align-items:center;margin-bottom:10px;display:flex;position:relative}.title-section h2{margin-bottom:5px;font-size:22px;font-weight:700;line-height:1.2}.sparkles-icon{color:var(--dark-text-color);position:absolute;top:-10px;right:-30px;transform:rotate(15deg)}.status-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.status-label{margin:0;font-size:18px;font-weight:600}.toggle-group{justify-content:center;gap:10px;width:100%;display:flex}.toggle-button{border:1px solid var(--dark-text-color);color:var(--dark-text-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:50px;flex:1;padding:10px;font-size:16px;font-weight:500;transition:all .2s}.toggle-button:hover{background-color:#223f430d}.toggle-button.active{background-color:var(--primary-color);color:var(--bright-text-color);border-color:var(--primary-color)}.divider{background-color:var(--dark-text-color);opacity:.2;width:100%;height:1px;margin:10px 0}.input-section{flex-direction:column;gap:8px;width:100%;display:flex}.input-label{text-align:right;font-size:16px;font-weight:600}.input-label span{opacity:.7;font-size:14px;font-weight:400}.text-input{background-color:var(--background-input-color);width:100%;color:var(--input-text-color);border:none;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:16px}.text-input::placeholder{color:var(--input-placeholder-color)}.submit-button{background-color:var(--primary-color);width:100%;color:var(--bright-text-color);cursor:pointer;border:none;border-radius:50px;margin-top:10px;padding:14px;font-size:18px;font-weight:600;transition:background-color .2s}.submit-button:hover{background-color:var(--dark-text-color-hover)}@media (max-width:480px){.toggle-button{padding:8px;font-size:14px}.title-section h2{font-size:20px}}