:root{--ink: #12141a;--ink-2: #3b4050;--muted: #6b7183;--line: #e4e6ec;--bg: #f6f7f9;--panel: #ffffff;--brand: #f2b705;--brand-ink: #1a1400;--night: #0f1115;--good: #1f9d55;--warn: #c27c0e;--bad: #c53030;--radius: 14px;--shadow: 0 1px 2px rgba(16, 20, 30, .06), 0 6px 24px rgba(16, 20, 30, .08);--header-h: 60px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}a{color:inherit}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0}.app{display:flex;flex-direction:column;min-height:100%}.header{height:var(--header-h);background:var(--night);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none;white-space:nowrap}.logo img{width:30px;height:30px}.logo span em{color:var(--brand);font-style:normal}.header .search{flex:1;max-width:560px}.header nav{display:flex;align-items:center;gap:8px;margin-left:auto}.page{max-width:1080px;width:100%;margin:0 auto;padding:28px 16px 64px}.page.narrow{max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:9px 16px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{border-color:#c9ccd6}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:#ffc61a}.btn.dark{background:var(--night);border-color:var(--night);color:#fff}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:var(--bad)}.btn.small{padding:6px 12px;font-size:13px}.btn.block{width:100%}.header .btn.ghost{color:#fff}.icon-btn{width:38px;height:38px;padding:0;border-radius:50%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label{font-weight:600;font-size:14px}.field .hint{color:var(--muted);font-size:13px}.input,textarea.input,select.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--panel);outline:none}.input:focus{border-color:var(--ink-2);box-shadow:0 0 0 3px #f2b70559}textarea.input{min-height:150px;resize:vertical;line-height:1.5}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--bad);font-size:14px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef0f4;color:var(--ink-2)}.badge.pending{background:#fff4d6;color:#8a5a00}.badge.approved{background:#dff5e7;color:#166c3b}.badge.rejected{background:#fde2e2;color:#9b1c1c}.badge.draft{background:#e8ecf6;color:#364a7a}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}.tabs button{background:none;border:none;padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--ink);border-bottom-color:var(--brand)}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid #d9dce4;border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stars{display:inline-flex;gap:1px;color:var(--brand);line-height:1}.stars .off{color:#d4d7df}.star-input{display:flex;gap:6px}.star-input button{background:none;border:none;font-size:34px;color:#d4d7df;padding:0;line-height:1}.star-input button.on{color:var(--brand)}.avatar{border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line);flex-shrink:0}.avatar.brand{object-fit:contain}.avatar.initials{display:inline-flex;align-items:center;justify-content:center;background:var(--night);color:var(--brand);font-weight:800}.explore{position:relative;display:grid;grid-template-columns:420px 1fr;height:calc(100vh - var(--header-h))}.explore .panel{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;z-index:2}.explore .map{position:relative}.map-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:5;background:var(--night);color:#fff;padding:9px 16px;border-radius:999px;font-size:14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;white-space:nowrap}.map-banner button{background:var(--brand);color:var(--brand-ink);border:none;border-radius:999px;padding:4px 10px;font-weight:700;font-size:13px}.map-loading{position:absolute;top:14px;right:14px;z-index:5;background:#fff;padding:8px;border-radius:50%;box-shadow:var(--shadow)}.panel-head{padding:16px 18px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-head h2{font-size:17px}.result{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer;text-decoration:none}.result:hover,.result.active{background:#fafaf5}.result img,.result .noimg{width:92px;height:92px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#e9ebf0}.result h3{font-size:16px;margin-bottom:4px}.rating-line{display:flex;align-items:center;gap:6px;font-size:14px}.rating-line b{font-weight:700}.cluster-marker{background:var(--night);color:#fff;border:3px solid var(--brand);border-radius:999px;min-width:44px;height:44px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-shadow:0 2px 10px #00000059}.place-marker{background:#fff;color:var(--ink);border-radius:999px;padding:5px 10px 5px 6px;display:flex;align-items:center;gap:5px;font-weight:800;font-size:13px;box-shadow:0 2px 8px #0000004d;border:2px solid #fff;transition:transform .1s}.place-marker .dot{width:18px;height:18px;border-radius:50%;background:var(--night);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px}.place-marker.active,.place-marker:hover{background:var(--night);color:#fff;border-color:var(--brand);transform:scale(1.08)}.place-marker.new{background:var(--brand);color:var(--brand-ink)}.preview{padding:0 0 18px}.preview .strip{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:220px;cursor:pointer}.preview .strip img{width:100%;height:100%;object-fit:cover}.preview .strip img:first-child{grid-row:span 2}.preview .body{padding:16px 18px 0}.preview h2{font-size:22px;margin-bottom:6px}.preview .actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.no-map{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;background:#e8ebf0;color:var(--ink-2);gap:8px}.hero{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:190px 190px;gap:6px;border-radius:var(--radius);overflow:hidden;margin:18px 0 24px;cursor:pointer;position:relative}.hero img{width:100%;height:100%;object-fit:cover;transition:filter .15s}.hero img:hover{filter:brightness(.9)}.hero img:first-child{grid-row:span 2}.hero .all{position:absolute;right:14px;bottom:14px}.hero.n3{grid-template-columns:2fr 1fr}.hero.n1{grid-template-columns:1fr;grid-template-rows:400px}.hero.n1 img:first-child{grid-row:auto}.place-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.place-head h1{font-size:30px}.summary{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.summary .big{font-size:52px;font-weight:800;line-height:1}.dist{display:grid;grid-template-columns:14px 1fr;gap:6px 10px;align-items:center;font-size:13px}.dist .bar{height:8px;background:#eceef3;border-radius:99px;overflow:hidden}.dist .bar span{display:block;height:100%;background:var(--brand)}.layout-2{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.review{padding:22px 0;border-bottom:1px solid var(--line)}.review-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.review-head .who{font-weight:700}.review p{line-height:1.6;white-space:pre-wrap;margin:10px 0;overflow-wrap:anywhere}.thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.thumbs button{border:none;padding:0;border-radius:10px;overflow:hidden;position:relative;background:#e9ebf0}.thumbs img,.thumbs .vid{width:110px;height:110px;object-fit:cover;display:flex;align-items:center;justify-content:center}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none}.comments{margin-top:12px;padding-left:14px;border-left:2px solid var(--line)}.comment{padding:8px 0;font-size:14px}.comment .meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.comment .meta b{color:var(--ink)}.comment p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment.reply{margin-left:22px}.comment-form{display:flex;gap:8px;margin-top:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090c;z-index:100;display:grid;grid-template-rows:auto 1fr auto;color:#fff}.lightbox.with-side{grid-template-columns:1fr 380px}.lightbox header{display:flex;align-items:center;gap:12px;padding:12px 16px;grid-column:1 / -1}.lightbox header h2{font-size:18px}.lightbox .stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 64px}.lightbox .stage img,.lightbox .stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:22px}.lightbox .nav:hover{background:#ffffff40}.lightbox .nav.prev{left:10px}.lightbox .nav.next{right:10px}.lightbox .film{display:flex;gap:6px;overflow-x:auto;padding:10px 16px 16px;grid-column:1}.lightbox .film button{border:2px solid transparent;padding:0;border-radius:6px;overflow:hidden;flex-shrink:0;background:#222;position:relative}.lightbox .film button.on{border-color:var(--brand)}.lightbox .film img,.lightbox .film .vid{width:76px;height:56px;object-fit:cover;opacity:.75}.lightbox .film button.on img{opacity:1}.lightbox .caption{position:absolute;left:16px;bottom:12px;display:flex;gap:10px;align-items:center;background:#0000008c;padding:8px 12px;border-radius:12px;font-size:14px}.lightbox .side{grid-row:2 / 4;grid-column:2;background:var(--panel);color:var(--ink);overflow-y:auto;padding:18px}.lightbox .btn.ghost{color:#fff}.lightbox .side .btn.ghost{color:var(--ink)}.step{margin-bottom:26px}.step h2{font-size:18px;margin-bottom:4px}.step>.hint{margin:0 0 12px;color:var(--muted);font-size:14px}.picker-map{height:280px;border-radius:12px;overflow:hidden;margin-top:10px;border:1px solid var(--line)}.chosen-place{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fffdf3}.dropzone{border:2px dashed #c9ccd6;border-radius:14px;padding:26px;text-align:center;color:var(--muted);background:#fbfbfc}.dropzone.over{border-color:var(--brand);background:#fffbea}.uploads{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px}.upload-tile{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e9ebf0}.upload-tile img,.upload-tile video{width:100%;height:100%;object-fit:cover}.upload-tile .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f11158c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;padding:8px;text-align:center}.upload-tile .progress{width:80%;height:6px;background:#ffffff4d;border-radius:99px;overflow:hidden}.upload-tile .progress span{display:block;height:100%;background:var(--brand);transition:width .2s}.upload-tile .remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#000000a6;color:#fff;font-size:14px}.upload-tile .flag{position:absolute;left:6px;bottom:6px}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 30%);padding:18px 0 8px;display:flex;gap:10px;justify-content:flex-end;align-items:center}.ac{position:relative}.ac .input{padding-left:38px}.ac .glass{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}.header .ac .input{background:#1d2029;border-color:#2c303b;color:#fff}.header .ac .input::placeholder{color:#9aa0b0}.ac ul{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);color:var(--ink);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;padding:6px;z-index:60}.ac li{padding:9px 10px;border-radius:8px;cursor:pointer;display:flex;gap:10px;align-items:baseline}.ac li.on,.ac li:hover{background:#f2f3f6}.ac li .sec{color:var(--muted);font-size:13px}.ac .powered{text-align:right;font-size:11px;color:var(--muted);padding:4px 8px 2px}.menu{position:relative}.menu-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;padding:4px}.menu ul{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel);color:var(--ink);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;padding:6px;min-width:210px;z-index:60}.menu li a,.menu li button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;text-decoration:none;background:none;border:none}.menu li a:hover,.menu li button:hover{background:#f2f3f6}.menu .who{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.auth-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 16px 40px;background:radial-gradient(1200px 500px at 50% -10%,#fff7d6 0%,var(--bg) 60%)}.auth-card{width:100%;max-width:420px;background:var(--panel);border-radius:20px;box-shadow:var(--shadow);padding:32px 28px 24px}.auth-logo{width:44px;height:44px;margin-bottom:14px}.auth-card h1{font-size:26px;margin-bottom:6px}.auth-sub{color:var(--muted);margin:0 0 22px;line-height:1.5}.auth-card .field{margin-bottom:14px}.btn.lg{padding:12px 16px;font-size:15px;border-radius:12px}.social{display:flex;flex-direction:column;gap:10px}.social-btn{gap:10px}.social-btn.apple{background:#000;color:#fff;border-color:#000}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:20px 0 16px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:64px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink-2);font-size:13px;font-weight:600;padding:6px 8px;border-radius:8px}.pw-toggle:hover{background:#f2f3f6}.pw-rules{list-style:none;padding:0;margin:-4px 0 16px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted)}.pw-rules li.ok{color:var(--good)}.code-input{font-size:26px;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;padding:12px}.auth-switch{text-align:center;margin:20px 0 4px;font-size:14px;color:var(--ink-2)}.auth-switch a{font-weight:700}.link-btn{background:none;border:none;padding:0;color:var(--ink);font-weight:700;text-decoration:underline;font-size:inherit}.link-btn:disabled{color:var(--muted);text-decoration:none;cursor:default}.auth-legal{font-size:12px;color:var(--muted);margin-top:18px;text-align:center}.dev-shortcuts{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.mod-item{display:grid;grid-template-columns:1fr 300px;gap:20px}.mod-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mod-media figure{margin:0;position:relative}.mod-media img,.mod-media video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.mod-media figcaption{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.footer{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.footer a{margin:0 8px}@media(max-width:860px){.header .logo span{display:none}.explore{grid-template-columns:1fr;grid-template-rows:1fr}.explore .panel{position:absolute;left:0;right:0;bottom:0;max-height:46vh;border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #0000002e;border:none}.explore .panel:before{content:"";display:block;width:40px;height:5px;border-radius:99px;background:#d3d6de;margin:8px auto 0}.layout-2,.mod-item{grid-template-columns:1fr}.hero{grid-template-columns:1fr 1fr;grid-template-rows:200px 120px}.hero img:first-child{grid-column:span 2;grid-row:auto}.hero img:nth-child(n+4){display:none}.lightbox.with-side{grid-template-columns:1fr}.lightbox .side{grid-column:1;grid-row:auto;max-height:45vh}.lightbox .stage{padding:0 8px}.summary{grid-template-columns:1fr}}