:root{--surface:#fffbf5e6;--surface-strong:#fffdfa;--ink:#261b14;--muted:#766457;--line:#3522161f;--accent:#c96031;--accent-deep:#8b391a;--forest:#24463b;--forest-soft:#24463b14;--shadow:0 26px 70px #43291824;--season-top-glow:#ffc4583d;--season-bottom-glow:#60a96e2e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at top left, var(--season-top-glow), transparent 25%), radial-gradient(circle at bottom right, var(--season-bottom-glow), transparent 24%), linear-gradient(180deg, #f7f1e8 0%, #efe6d9 100%);font-family:Manrope,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;opacity:.9;height:110px;position:fixed;left:0;right:0}body:before{background:radial-gradient(circle at 10% 40%, #ffffff38 0 16px, transparent 17px), radial-gradient(circle at 30% 60%, #ffffff2e 0 10px, transparent 11px), linear-gradient(180deg, var(--season-top-glow), transparent);animation:12s ease-in-out infinite alternate driftTop;top:0}body:after{background:radial-gradient(circle at 82% 48%, #ffffff2e 0 12px, transparent 13px), radial-gradient(circle at 58% 68%, #ffffff24 0 8px, transparent 9px), linear-gradient(0deg, var(--season-bottom-glow), transparent);animation:14s ease-in-out infinite alternate driftBottom;bottom:0}@keyframes driftTop{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes driftBottom{0%{transform:translateY(0)}to{transform:translateY(-8px)}}button,input,textarea{font:inherit}img{max-width:100%;display:block}.page-shell{z-index:1;width:min(1440px,100% - 28px);margin:0 auto;padding:18px 0 24px;position:relative}.topbar,.sidebar-card,.map-card,.profile-menu,.modal-card,.global-error{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.season-frame{position:relative}.season-frame:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.topbar{z-index:40;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-deep);margin:0;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.04em;margin:0;font-family:Unbounded,sans-serif}h1{font-size:clamp(30px,3vw,44px);line-height:1.02}h2{font-size:clamp(22px,2vw,28px)}.headline{text-align:left;flex:1}.season-chip{display:none}.global-error{color:#842d18;border-radius:18px;margin-top:14px;padding:12px 16px}.profile-zone{z-index:120;position:relative}.profile-button,.action-primary,.action-secondary,.ghost-icon,.vote-button,.my-place-item{cursor:pointer;transition:transform .16s,background-color .16s,color .16s,border-color .16s,box-shadow .16s}.profile-button:hover,.action-primary:hover,.action-secondary:hover,.vote-button:hover,.my-place-item:hover{transform:translateY(-1px)}.profile-button{border:1px solid var(--line);background:var(--surface-strong);min-width:220px;color:var(--ink);text-align:left;border-radius:24px;align-items:center;gap:0;padding:14px 20px;display:flex}.profile-button strong,.profile-menu strong{display:block}.profile-menu span,.profile-links p,.info-block p,.empty-state p,.modal-description,.muted-text,.my-place-item span,.pick-coords small,.meta-line span{color:var(--muted)}.profile-menu{z-index:4000;border-radius:22px;gap:14px;width:min(340px,90vw);padding:16px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.profile-menu-head,.my-places-box{gap:4px;display:grid}.profile-links,.my-places-list{gap:8px;display:grid}.profile-links a{color:var(--forest);font-weight:700;text-decoration:none}.app-layout{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:stretch;gap:18px;margin-top:18px;display:grid}.sidebar-column,.map-column{min-width:0;display:flex}.sidebar-card,.map-card{border-radius:30px;width:100%;height:min(78dvh,100vh - 140px);min-height:540px;max-height:calc(100dvh - 150px)}.map-card,.sidebar-card .place-visual,.modal-card{overflow:hidden}.sidebar-card{flex-direction:column;width:100%;display:flex;position:sticky;top:18px}.place-visual{border-radius:30px 30px 0 0;position:relative;overflow:hidden}.place-visual img{object-fit:cover;cursor:pointer;border-radius:30px 30px 0 0;width:100%;height:210px}.media-nav{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#16121057;border:1px solid #ffffff73;border-radius:999px;width:40px;height:40px;font-size:26px;line-height:1;transition:opacity .18s,transform .18s,background-color .18s,box-shadow .18s;position:absolute;top:50%;transform:translateY(-50%)}.media-nav.left{left:12px}.media-nav.right{right:12px}.place-visual:hover .media-nav,.place-visual:focus-within .media-nav{opacity:1;pointer-events:auto}.media-nav:hover{background:#1612107a;transform:translateY(-50%)scale(1.04);box-shadow:0 10px 24px #19120d3d}.sidebar-body{padding:14px 16px 14px 14px}.sidebar-body,.my-places-card{gap:12px;display:grid}.meta-line,.modal-head,.pick-row,.section-mini-head{gap:10px;display:flex}.meta-line,.section-mini-head{justify-content:space-between;align-items:center}.info-block,.empty-state,.my-places-card{border:1px solid var(--line);background:#ffffffb8;border-radius:22px;gap:8px;padding:14px;display:grid}.info-block span,.reaction-stats strong,.pick-coords span{color:var(--forest);font-weight:800}.info-block p,.empty-state p,.modal-description,.muted-text{margin:0;line-height:1.6}.action-primary,.action-secondary{border:1px solid #0000;border-radius:16px;min-height:48px;padding:0 16px;font-weight:800}.action-primary{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:#fff}.action-secondary{color:var(--forest);border-color:var(--line);background:#ffffffbd}.full-width{width:100%}.my-place-item{border:1px solid var(--line);text-align:left;background:#ffffffb8;border-radius:16px;padding:12px 14px}.my-place-item.active{border-color:#c9603173;box-shadow:0 16px 28px #4329181a}.my-place-item strong,.my-place-item span{display:block}.map-area{background:#dce8df;width:100%;height:100%;min-height:100%;position:relative}.map-mode-toggle{z-index:900;background:#fffdfaf0;border:1px solid #3522161f;border-radius:999px;padding:4px;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 12px 26px #43291829}.toggle-option{min-height:34px;color:var(--forest);background:0 0;border:0;border-radius:999px;padding:0 12px;font-weight:800}.toggle-option.active{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:#fff}.map-area.picking{box-shadow:inset 0 0 0 3px #c9603147}.map-actions{z-index:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.map-add-button{min-width:220px;box-shadow:0 16px 28px #43291833}.map-picker-hint{z-index:900;background:#fffaf5f2;border:1px solid #c9603147;border-radius:16px;padding:10px 14px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #43291824}.leaflet-container{font-family:Manrope,sans-serif}.leaflet-control-attribution{display:none!important}.leaflet-place-wrapper{background:0 0;border:0}.map-place-marker{text-align:center;transform-origin:50%;background:#fffdfaf5;border-radius:16px;place-items:center;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;overflow:hidden;box-shadow:0 12px 28px #30211733}.map-place-marker.text-mode{border:1px solid #271d1724;border-radius:14px;min-width:78px;min-height:28px;padding:4px 8px}.map-place-marker.text-mode strong{font-size:8px;line-height:1.15}.map-place-marker.image-mode{border:2px solid #ffffffd9;width:62px;height:62px;padding:0}.map-place-marker.image-mode img{object-fit:cover;width:100%;height:100%}.map-place-marker.hovered,.map-place-marker.selected{border-color:#c960318c;transform:scale(1.08);box-shadow:0 18px 34px #30211747}.map-place-marker.selected{background:linear-gradient(#fff5ee,#ffe7d8)}.modal-backdrop{z-index:2000;background:#1b120d75;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border-radius:28px;gap:18px;width:min(560px,100%);padding:22px;display:grid}.modal-wide{width:min(740px,100%)}.modal-head{justify-content:space-between;align-items:flex-start}.ghost-icon{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;width:40px;height:40px}.profile-form{gap:14px;display:grid}.profile-form label{gap:8px;display:grid}.profile-form span{font-weight:700}.profile-form input,.profile-form textarea{border:1px solid var(--line);resize:vertical;background:#fffc;border-radius:16px;outline:none;min-height:48px;padding:12px 14px}.profile-form input:focus,.profile-form textarea:focus{border-color:#c9603173;box-shadow:0 0 0 4px #c960311a}.pick-row{justify-content:space-between;align-items:center}.pick-coords{gap:4px;display:grid}.pick-coords strong{font-size:16px}.error-text{color:#922f18;margin:0;font-weight:700}.title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.title-main{flex:1;gap:8px;min-width:0;display:grid}.title-row h2{flex:1}.weather-card{gap:8px;display:grid}.weather-card.overlay{z-index:3;max-width:min(320px,100% - 28px);position:absolute;bottom:14px;left:14px}.weather-chip{width:fit-content;min-height:42px;color:var(--forest);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #3522161f;border-radius:16px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;box-shadow:0 10px 24px #43291814}.weather-chip.loading{color:var(--muted)}.weather-chip.error{color:#6c5241}.weather-main{text-align:left;gap:2px;display:grid}.weather-main strong{font-size:14px}.weather-main small,.weather-hour-wind{color:var(--muted);font-size:12px}.weather-icon{object-fit:contain;width:34px;height:34px}.weather-fallback-icon{width:34px;height:34px;color:var(--accent-deep);background:#24463b1f;border-radius:999px;place-items:center;font-weight:800;display:grid}.weather-icon.mini{width:26px;height:26px}.weather-toggle{color:var(--accent-deep);font-size:12px}.weather-forecast{grid-template-columns:1fr;gap:8px;display:grid}.weather-hour{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #3522161a;border-radius:16px;gap:4px;padding:10px;display:grid}.weather-hour-time{color:var(--accent-deep);font-size:12px;font-weight:800}.weather-hour-main{align-items:center;gap:6px;display:flex}.reaction-strip{flex-shrink:0;align-items:center;gap:6px;display:flex}.icon-vote{background:0 0;border:1px solid #0000;border-radius:12px;align-content:center;justify-items:center;gap:1px;min-width:44px;height:40px;padding:0;font-weight:800;display:grid}.icon-vote.like{color:#2f8a4c}.icon-vote.dislike{color:#c44545}.icon-vote.active.like{background:#2f8a4c1f;border-color:#2f8a4c47}.icon-vote.active.dislike{background:#c445451a;border-color:#c445453d}.icon-vote-mark{font-size:12px;line-height:1}.icon-vote strong{font-size:11px}.icon-vote:hover{box-shadow:0 0 0 1px #c9603129,0 8px 18px #4329181a}.sidebar-scroll-wrap{flex:1;min-height:0;position:relative}.sidebar-body{scrollbar-width:none;height:100%;padding-right:28px;overflow:auto}.sidebar-body::-webkit-scrollbar{display:none}.scroll-indicator{pointer-events:none;align-content:start;justify-items:center;gap:8px;width:20px;display:grid;position:absolute;top:12px;bottom:12px;right:8px}.scroll-indicator-label{color:var(--accent-deep);writing-mode:vertical-rl;font-size:11px;font-weight:800;transform:rotate(180deg)}.scroll-indicator-rail{background:#35221614;border-radius:999px;flex:1;width:4px;min-height:120px;position:relative}.scroll-indicator-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-deep));border-radius:999px;position:absolute;left:0;right:0}.compact{gap:6px;padding:10px 12px}.gallery-backdrop{z-index:5000;background:#120e0cb8}.gallery-modal{place-items:center;width:min(980px,100vw - 32px);height:min(82vh,760px);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-stage{place-items:center;max-width:100%;max-height:100%;display:inline-grid;position:relative}.gallery-image{border-radius:22px;max-width:100%;max-height:100%;box-shadow:0 24px 60px #00000052}.gallery-nav,.gallery-close{z-index:2;position:absolute}.gallery-nav{color:#fff;background:#14121073;border:1px solid #ffffff42;border-radius:999px;width:48px;height:48px;font-size:30px;line-height:1;top:50%;transform:translateY(-50%)}.gallery-nav.left{left:12px}.gallery-nav.right{right:12px}.gallery-close{color:#fff;background:#14121073;border-color:#ffffff47;top:12px;right:12px}@media (width<=720px){.page-shell{width:min(100%,100% - 18px);padding-top:10px}.topbar,.app-layout,.pick-row,.meta-line,.section-mini-head,.title-row{grid-template-columns:1fr;display:grid}.topbar,.headline{text-align:left}.profile-button{width:100%;min-width:0}.map-area{height:62dvh;min-height:420px}.sidebar-card,.map-card{height:auto;min-height:420px;max-height:none}.map-mode-toggle{top:10px;right:10px}.map-actions{left:16px;right:16px;transform:none}.map-add-button{width:100%;min-width:0}h1{font-size:32px}.sidebar-body{max-height:none;padding-right:14px;overflow:visible}.scroll-indicator{display:none}.gallery-modal{width:calc(100vw - 20px);height:72vh}.weather-card.overlay{max-width:none;bottom:10px;left:10px;right:10px}}