@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600&display=swap";html,body{height:100%;margin:0;padding:0;overflow:hidden}.map-wrapper{width:100vw;height:100vh;overflow:hidden}:root{--pop-bg:#191b21b8;--pop-blur:12px;--pop-radius:16px;--pop-shadow:0 8px 20px #00000073;--accent1:#ff7165;--accent2:#f7cc76}.maplibregl-popup{max-width:calc(100vw - 24px)!important}.maplibregl-popup-content{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.popup-card{color:#f4f4f4;background:var(--pop-bg);inline-size:260px;max-inline-size:88vw;-webkit-backdrop-filter:blur(var(--pop-blur)) saturate(160%);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);contain:content;border:1px solid #ffffff1a;font-family:Inter,sans-serif;animation:.22s ease-out popupFade;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.popup-card{background:#191b21f5}}.popup-card button:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.user-marker{justify-content:center;align-items:center;block-size:44px;inline-size:44px;display:inline-flex;position:relative}.user-marker:before{content:"";z-index:1;background:#ff8c3c47;border-radius:50%;animation:1.8s ease-in-out infinite userPulse;position:absolute;inset:0;box-shadow:0 0 18px #ffb4646b}.user-marker:after{content:"";z-index:2;background:url(/assets/user-JQH8xREe.webp) 50%/contain no-repeat;block-size:34px;inline-size:34px;position:relative}@keyframes userPulse{0%,to{transform:scale(1);box-shadow:0 0 16px #ffb46466}50%{transform:scale(1.08);box-shadow:0 0 26px #f7cc7680}}.popup-header{background:linear-gradient(90deg, var(--accent1), var(--accent2));color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 8px #ff716547;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffffff14;padding:10px 14px;font-size:15px;font-weight:600}.popup-body{color:#eee;flex-direction:column;gap:10px;padding:14px 16px 12px;font-size:14px;line-height:1.55;display:flex}.popup-address,.popup-info{border-bottom:1px solid #ffffff14;padding-bottom:8px;font-size:14px}.popup-body .popup-info:last-child{border-bottom:none;padding-bottom:0}.popup-address{color:var(--accent2);font-weight:600}.popup-info{color:#ddd;font-weight:500}.popup-actions{flex-direction:column;gap:8px;margin:10px 14px 14px;display:flex}.popup-zoom-btn,.popup-route-btn{inline-size:100%;color:var(--accent2);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;padding:8px 10px;font-size:13.5px;font-weight:600;transition:transform .18s,background .22s,box-shadow .22s,color .22s,border-color .22s;display:flex;box-shadow:0 1px 6px #00000038}.popup-zoom-btn:hover,.popup-route-btn:hover{color:#fff;background:linear-gradient(135deg,#ff716538,#f7cc7638);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 14px #00000047}.popup-zoom-btn:active,.popup-route-btn:active{transform:scale(.98)}.popup-route-btn:disabled{color:#bbb;box-shadow:none;cursor:not-allowed;background:#ffffff14;border-color:#ffffff26;transform:none}.maplibregl-popup-close-button{cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff40;border-radius:50%;place-items:center;block-size:28px;inline-size:28px;font-size:18px;font-weight:600;transition:opacity .22s,transform .22s,background .22s,color .22s;animation:.2s .15s forwards fadeInButton;display:grid;transform:scale(.86);box-shadow:0 2px 8px #00000059;color:#fff!important;background:#0000008c!important;position:absolute!important;top:-10px!important;right:-10px!important}.maplibregl-popup-close-button:hover{transform:scale(.98);background:linear-gradient(135deg, var(--accent1), var(--accent2))!important;color:#1a1a1a!important}.maplibregl-popup-close-button:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.maplibregl-popup-tip{border-top-color:#191b21d1!important;border-bottom-color:#191b21d1!important}@keyframes popupFade{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeInButton{to{opacity:1;transform:scale(1)}}@media (width<=360px){.popup-card{inline-size:220px}.popup-header{font-size:14px}.popup-body{font-size:13.5px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--sidebar-w:400px;--accent1:#ff7165;--accent2:#f7cc76;--bg-panel:#191b21e6}html,body{height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.map-wrapper{background:0 0;width:100vw;height:100vh;display:flex;position:relative;overflow:visible}.map-container{flex:1;overflow:hidden}.map-error{z-index:30;color:#fff;text-align:center;background:#191b21eb;border:1px solid #ffffff2e;border-radius:12px;max-width:min(520px,100vw - 32px);padding:12px 16px;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000052}.sidebar{--pad-x:18px;--pad-y:14px;width:var(--sidebar-w);color:#fff;padding:var(--pad-y) var(--pad-x);-webkit-backdrop-filter:blur(14px)saturate(160%);background:var(--bg-panel);z-index:10;isolation:isolate;box-sizing:border-box;overscroll-behavior:contain;border-right:1px solid #ffffff14;border-top-right-radius:12px;border-bottom-right-radius:12px;flex-direction:column;height:100vh;max-height:100vh;transition:transform .4s,opacity .4s;display:flex;position:absolute;inset:0 auto 0 0;overflow:visible;box-shadow:3px 0 18px #0006}.sidebar.hidden{opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg, var(--accent1), var(--accent2));color:#0000;-webkit-text-fill-color:transparent;letter-spacing:.3px;text-shadow:0 0 6px #ff716540;-webkit-background-clip:text;background-clip:text;margin-top:34px;padding-left:12px;padding-right:48px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;display:block;overflow:hidden}.search-wrapper{width:100%;margin-bottom:12px;position:relative}.search-wrapper input,.search-input,.desktop-search-input{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 42px 12px 14px;font-size:15px;transition:border-color .25s,box-shadow .25s}.search-wrapper input:focus,.search-input:focus,.desktop-search-input:focus{border-color:#ff7a68;box-shadow:0 0 6px #ff71654d}.clear-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:600;line-height:1;transition:transform .2s,background .25s,box-shadow .25s,color .25s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-btn:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;box-shadow:0 0 8px #ff716566}.clear-btn:active{transform:translateY(-50%)scale(.9)}.list{scrollbar-width:thin;scrollbar-color:var(--accent1) #ffffff1a;box-sizing:border-box;flex:1;min-height:0;padding:10px 8px 0;overflow:auto}.list-section-title{z-index:3;letter-spacing:.5px;text-transform:uppercase;color:#fff;border:1px solid #ffffff14;border-left:3px solid var(--accent1);background:linear-gradient(#191b21f5 0%,#191b21db 100%);border-radius:10px;margin:8px 0;padding:8px 10px;font-size:12.5px;font-weight:600;position:sticky;top:0;box-shadow:0 4px 12px #00000040}.list-section-title+.item{margin-top:8px}.item{-webkit-backdrop-filter:blur(10px)saturate(160%);cursor:pointer;background:#191b218c;border:1px solid #ffffff12;border-radius:14px;align-items:center;margin-bottom:12px;padding:12px;transition:transform .25s,box-shadow .25s,background .25s;display:flex;position:relative;box-shadow:0 1px 4px #00000038}.item:hover{background:#ff71651a;transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.marker-icon{filter:drop-shadow(0 0 6px #ff716559);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:45px;height:45px;margin-right:10px;transition:transform .2s,filter .2s}.item:hover .marker-icon{filter:drop-shadow(0 0 8px #f7cc7680);transform:scale(1.06)}.text b{background:linear-gradient(90deg, var(--accent1), var(--accent2));color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 6px #ff716540;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.text span{color:#ccc;font-size:13px;line-height:1.45}.custom-select{margin-bottom:10px;position:relative}.select-header{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 0 8px #00000040}.select-header:hover{border-color:var(--accent1);box-shadow:0 0 10px #ff716559}.arrow{color:var(--accent2);margin-left:10px;font-size:13px;transition:transform .25s}.arrow.open{transform:rotate(180deg)}.select-menu{z-index:100;-webkit-backdrop-filter:blur(10px);background:#191b21f5;border:1px solid #ffffff26;border-radius:12px;width:100%;max-height:260px;animation:.2s forwards fadeInSelect;position:absolute;top:110%;left:0;overflow:auto;box-shadow:0 8px 24px #00000080}@keyframes fadeInSelect{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.select-item{color:#ddd;cursor:pointer;padding:10px 14px;font-size:14px;transition:background .2s,color .2s}.select-item:hover{color:#fff;background:linear-gradient(135deg,#ff716540,#f7cc7626)}.select-item.active{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#1a1a1a;font-weight:600}.layer-toggles{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.layer-toggles label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.layer-toggles input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent1);filter:drop-shadow(0 0 4px #ff716559)}.layer-toggles label:hover{border-color:var(--accent1);box-shadow:0 0 8px #ff716540}.layer-toggles label:has(input:checked){background:linear-gradient(135deg,#ff71652e,#f7cc761f);border-color:#ffb47899;box-shadow:0 0 10px #ff716538,inset 0 0 0 1px #ffffff0f}.layer-toggles input:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:4px}.nearby-btn{width:100%;color:var(--accent2);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;margin:8px 0;padding:10px 0;font-size:15px;font-weight:600;transition:transform .18s,background .22s,color .22s,border-color .22s,box-shadow .22s;display:block;box-shadow:0 1px 6px #00000038}.nearby-btn:hover{color:#fff;background:linear-gradient(135deg,#ff716538,#f7cc7638);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 14px #00000047}.nearby-btn:active{transform:scale(.98)}.nearby-btn.active{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;border-color:#0000;box-shadow:0 6px 14px #00000047}.nearby-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.toggle-btn{top:30px;left:calc(var(--sidebar-w) - 50px);cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);z-index:20;background:#191b2199;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-weight:600;line-height:0;transition:background .3s,color .3s,box-shadow .3s,left .4s,transform .4s;display:flex;position:absolute;box-shadow:0 0 10px #0000004d}.toggle-btn:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;box-shadow:0 0 14px #ff716559,0 0 10px #f7cc7640}.toggle-btn.collapsed{left:16px}.item{opacity:1;transition:opacity .35s,transform .35s;transform:none}.item.new{opacity:0;animation:.45s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (width<=768px){.sidebar{-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);z-index:1000;background:#191b21f2;border-top:2px solid #ffffff26;border-radius:18px 18px 0 0;width:100%;height:90%;padding:20px;position:fixed;inset:auto 0 0;transform:translateY(0);box-shadow:0 -4px 25px #00000080}.sidebar.mobile.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.sidebar-title{text-align:center;margin-top:34px;font-size:18px}.close-sidebar-btn{top:10px;right:max(14px, env(safe-area-inset-right,0px) + 8px);color:#fff;text-align:center;cursor:pointer;opacity:0;z-index:1001;background:#0006;border:1px solid #fff3;border-radius:50%;width:28px;height:28px;font-size:18px;font-weight:500;transition:transform .3s,background .25s,color .25s;animation:.25s .15s forwards fadeInButton;position:absolute;transform:scale(.8);box-shadow:0 0 6px #ff71654d}.close-sidebar-btn:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#1a1a1a;box-shadow:0 0 10px #ff716580,0 0 14px #f7cc7666}@keyframes fadeInButton{to{opacity:1;transform:scale(1)}}.list{padding-bottom:20px}.mobile-open-btn{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;cursor:pointer;z-index:1100;border:none;border-radius:26px;width:200px;height:52px;font-size:16px;font-weight:600;transition:transform .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ff716573}.mobile-open-btn:hover{transform:translate(-50%)scale(1.05)}}.mobile-nearby-btn{color:#fff3d9;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ff82508c;border:1px solid #ffa06473;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:600;transition:transform .2s,background .25s,color .25s,box-shadow .25s;display:flex;position:fixed;bottom:22px;right:20px;box-shadow:0 4px 12px #00000059,0 0 12px #ff785059;z-index:1099!important}.mobile-nearby-btn:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;transform:translateY(-2px);box-shadow:0 6px 18px #00000059,0 0 12px #f7cc7659}.mobile-nearby-btn:active{transform:scale(.94)}.mobile-nearby-btn.active{background:linear-gradient(135deg, #ff7a68, var(--accent2));color:#fff;border-color:#ffc896b3}.mobile-radius-slider{z-index:1080;-webkit-backdrop-filter:blur(10px)saturate(180%);background:#191b21e0;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:56px;padding:10px 8px;display:flex;position:fixed;bottom:85px;right:10px;box-shadow:0 2px 12px #0006}.mobile-radius-slider input[type=range]{--min:1;--max:10;--val:1;--thumb:18px;--track:8px;--p:calc((var(--val) - var(--min)) * 100% / (var(--max) - var(--min)));writing-mode:vertical-lr;appearance:none;width:var(--track);cursor:pointer;direction:rtl;background:0 0;height:150px;margin:0 auto;display:block}.mobile-radius-slider input[type=range]::-webkit-slider-runnable-track{width:var(--track);background:linear-gradient(to top, #ff8a50 0, #ff8a50 var(--p), #ffffff2e var(--p), #ffffff2e 100%);border-radius:999px}.mobile-radius-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);background:linear-gradient(135deg, var(--accent1), var(--accent2));margin-left:calc((var(--thumb) - var(--track)) / -2);border:1px solid #00000040;border-radius:50%;box-shadow:0 0 6px #ff716566}.mobile-radius-slider input[type=range]::-moz-range-track{width:var(--track);background:#ffffff2e;border-radius:999px}.mobile-radius-slider input[type=range]::-moz-range-progress{background:#ff8a50;border-radius:999px}.mobile-radius-slider input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:linear-gradient(135deg, var(--accent1), var(--accent2));border:1px solid #00000040;border-radius:50%;box-shadow:0 0 6px #ff716566}@supports not (writing-mode:vertical-lr){.mobile-radius-slider input[type=range]{width:150px;height:var(--track);transform:rotate(-90deg)}}.mobile-radius-slider .radius-label{color:#fff;text-align:center;font-size:.8rem;font-weight:500}.mobile-layer-bar{top:calc(10px + env(safe-area-inset-top,0px));z-index:1200;-webkit-backdrop-filter:blur(10px)saturate(160%);background:#191b21c7;border:1px solid #ffffff1f;border-radius:9999px;gap:8px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}@media (width>=769px){.mobile-layer-bar{display:none}}.mobile-layer-bar .pill{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex}.mobile-layer-bar .pill>input{opacity:0;pointer-events:none;position:absolute}.mobile-layer-bar .pill-icon{filter:drop-shadow(0 0 4px #ff716559);background:50%/contain no-repeat;width:35px;height:35px}.mobile-layer-bar .pill-text{line-height:1}.mobile-layer-bar .pill:hover{border-color:#ffffff40;transform:translateY(-1px)}.mobile-layer-bar .pill.active{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;border-color:#0000;box-shadow:0 6px 14px #00000047}.mobile-layer-bar .pill:has(input:focus-visible){outline:2px solid var(--accent2);outline-offset:2px}@media (width<=360px){.mobile-layer-bar{gap:6px;padding:5px}.mobile-layer-bar .pill{padding:7px 9px;font-size:12.5px}.mobile-layer-bar .pill-icon{width:16px;height:16px}}.mobile-info-fab{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#191b21bf;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background .25s,color .25s,box-shadow .25s;display:flex;position:fixed;bottom:22px;left:20px;box-shadow:0 4px 12px #00000059;z-index:1100!important}.mobile-info-fab .msr{font-size:22px}.mobile-info-fab:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;transform:translateY(-2px)}.mobile-info-fab:active{transform:scale(.94)}.info-sidebar{--pad-x:18px;--pad-y:14px;width:var(--sidebar-w);color:#fff;padding:var(--pad-y) var(--pad-x);-webkit-backdrop-filter:blur(14px)saturate(160%);background:var(--bg-panel);z-index:12;isolation:isolate;box-sizing:border-box;border-left:1px solid #ffffff14;border-top-left-radius:12px;border-bottom-left-radius:12px;flex-direction:column;height:100vh;max-height:100vh;transition:transform .4s,opacity .4s;display:flex;position:absolute;inset:0 0 0 auto;overflow:hidden;box-shadow:-3px 0 18px #0006}.info-sidebar.hidden{opacity:0;pointer-events:none;transform:translate(100%)}@media (width<=768px){.info-sidebar{z-index:1010;background:#191b21f2;border-top:2px solid #ffffff26;border-radius:18px 18px 0 0;width:100%;height:88%;position:fixed;inset:auto 0 0;transform:translateY(0);box-shadow:0 -4px 25px #00000080}.info-sidebar.mobile.hidden{opacity:0;pointer-events:none;transform:translateY(100%)}}.info-title{text-align:center;background:linear-gradient(90deg, var(--accent1), var(--accent2));color:#0000;-webkit-text-fill-color:transparent;letter-spacing:.3px;text-shadow:0 0 6px #ff716540;-webkit-background-clip:text;background-clip:text;margin:34px 0 6px;padding:0 48px 0 12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.info-close-btn{top:10px;right:max(14px, env(safe-area-inset-right,0px) + 8px);color:#fff;z-index:2;cursor:pointer;background:#0006;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;line-height:0;transition:transform .25s,background .25s,color .25s;display:flex;position:absolute;box-shadow:0 0 6px #ff71654d}.info-close-btn:hover{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#1a1a1a}.info-desc{color:#ddd;margin:6px 0 10px;font-size:14px;line-height:1.5}.info-actions{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px;display:grid}.btn{color:#fff;will-change:transform;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.info-btn{background:#50b4ff26}.donate-btn{background:#ffa05026}.btn-animated{position:relative;overflow:hidden}.btn-animated:after{content:"";background:radial-gradient(120px 120px at var(--x,50%) var(--y,50%), #ffffff40, transparent 60%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.btn-animated:hover:after{opacity:1}.btn-animated:hover{border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 8px 18px #00000040}.btn-animated:active{transform:translateY(0)scale(.98)}.btn-animated .msr{transition:transform .25s}.btn-animated:hover .msr{transform:scale(1.08)rotate(-8deg)}.info-meta{gap:12px;display:grid}.info-block{background:#191b21a6;border:1px solid #ffffff1f;border-radius:14px;padding:12px}.info-block-title{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.info-kv .row{color:#ddd;justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.info-kv .k{color:#cfcfcf}.info-kv .v{color:#fff;font-weight:600}.author-card{color:#fff;isolation:isolate;background:#191b21c7;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;width:100%;margin:14px 0 8px;padding:12px 14px;text-decoration:none;transition:transform .22s,box-shadow .25s,background .25s,border-color .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000047}.author-card:hover{background:#191b21eb;border-color:#ffc89673;transform:translateY(-1px);box-shadow:0 10px 24px #00000059,0 0 18px #ff716538}.author-card:active{transform:translateY(0)scale(.99)}.author-ring{background:conic-gradient(from 0deg, var(--accent1), var(--accent2), var(--accent1));filter:blur(12px);opacity:.25;z-index:0;animation:8s linear infinite ringSpin;position:absolute;inset:-2px}@keyframes ringSpin{to{transform:rotate(360deg)}}.author-avatar{z-index:1;background:50%/cover no-repeat;border-radius:50%;width:56px;height:56px;position:relative;box-shadow:0 0 0 3px #191b21,0 0 0 4px #ffffff1f}.author-body{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.author-name{background:linear-gradient(90deg, var(--accent1), var(--accent2));color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 0 6px #ff716540;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;line-height:1.2}.author-sub{color:#cfcfcf;font-size:13px}.author-go{z-index:1;color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,background .2s,color .2s;display:inline-flex;position:relative}.author-card:hover .author-go{background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;transform:translate(2px)}.info-footer-names{color:#ddd;text-align:center;margin-top:8px;font-size:13.5px}.info-toggle-btn.accent{z-index:18;cursor:pointer;background:linear-gradient(135deg, var(--accent1), var(--accent2));color:#111;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;position:absolute;top:30px;right:20px;box-shadow:0 8px 18px #00000040,0 0 18px #ff716540}.info-toggle-btn .label{font-size:14px}.info-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000004d,0 0 24px #f7cc764d}.info-toggle-btn:active{transform:translateY(0)scale(.98)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.author-card,.info-actions .btn{box-sizing:border-box;max-width:100%}.author-card>*{min-width:0}.author-name,.author-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=360px){.author-card{grid-template-columns:56px 1fr;grid-auto-rows:auto}.author-go{justify-self:end;margin-top:6px}}*,:before,:after{box-sizing:border-box}.desktop-radius{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;margin:10px 0 12px;padding:10px 12px 12px;box-shadow:0 1px 6px #00000038}.desktop-radius.disabled{opacity:.55;pointer-events:none}.desktop-radius .row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.desktop-radius .label{color:#fff;align-items:center;gap:6px;font-weight:600;display:inline-flex}.desktop-radius .value{color:var(--accent2);font-weight:700}.desktop-radius input[type=range]{--min:1;--max:10;--val:1;--thumb:18px;--track:8px;--p:calc((var(--val) - var(--min)) * 100% / (var(--max) - var(--min)));appearance:none;width:100%;height:var(--thumb);cursor:pointer;background:0 0;margin:0;display:block}.desktop-radius input[type=range]::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(to right, #ff8a50 0, #ff8a50 var(--p), #ffffff2e var(--p), #ffffff2e 100%);border-radius:999px}.desktop-radius input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);background:linear-gradient(135deg, var(--accent1), var(--accent2));margin-top:calc((var(--thumb) - var(--track)) / -2);border:1px solid #00000040;border-radius:50%;box-shadow:0 0 6px #ff716566}.desktop-radius input[type=range]::-moz-range-track{height:var(--track);background:#ffffff2e;border-radius:999px}.desktop-radius input[type=range]::-moz-range-progress{height:var(--track);background:#ff8a50;border-radius:999px}.desktop-radius input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:linear-gradient(135deg, var(--accent1), var(--accent2));border:1px solid #00000040;border-radius:50%;box-shadow:0 0 6px #ff716566}.desktop-radius .hint{color:#cfcfcf;margin-top:6px;font-size:12.5px}:root{--accent1:#ff7165;--accent2:#f7cc76;--accent1-15:#ff716526;--accent2-15:#f7cc7626;--accent1-25:#ff716540;--accent2-25:#f7cc7640}@supports (color:color-mix(in oklab, white 10%, black)){:root{--accent1-15:color-mix(in oklab, var(--accent1) 15%, transparent);--accent2-15:color-mix(in oklab, var(--accent2) 15%, transparent);--accent1-25:color-mix(in oklab, var(--accent1) 25%, transparent);--accent2-25:color-mix(in oklab, var(--accent2) 25%, transparent)}}.app-root{width:100vw;height:100dvh;height:calc(var(--app-vh,1vh) * 100);background-color:#14181d;position:relative;overflow:hidden}.splash-screen{min-height:100dvh;min-height:calc(var(--app-vh,1vh) * 100);z-index:9999;opacity:1;will-change:opacity, filter;place-items:center;transition:opacity .9s,filter .9s;display:grid;position:fixed;inset:0;overflow:hidden;transform:none}.splash-screen[data-leaving=true]{opacity:0;filter:none;pointer-events:none}.splash-backdrop{background:radial-gradient(1200px 1200px at 70% 30%, var(--accent1-15) 0%, transparent 60%), radial-gradient(900px 900px at 30% 70%, var(--accent2-15) 0%, transparent 60%), radial-gradient(circle at center, #1a1c22 0%, #0c0d10 100%);filter:saturate(120%);animation:18s linear infinite bgShift;position:absolute;inset:0}.splash-backdrop:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.08' width='100%25' height='100%25'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect filter='url(%23n)' width='100%25' height='100%25'/%3E%3C/svg%3E");position:absolute;inset:-20%}.splash-inner{padding-block:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));padding-inline:max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right));box-sizing:border-box;width:min(720px,92vw);margin-inline:auto;position:relative}.splash-card{-webkit-backdrop-filter:blur(14px)saturate(160%);color:#fff;text-align:center;background:#191b21b8;border-radius:20px;padding:clamp(20px,4vw,36px);position:relative;box-shadow:0 18px 60px #00000073,inset 0 0 0 1px #ffffff0f}.logo-wrap{place-items:center;margin-bottom:clamp(16px,3.6vw,24px);display:grid;position:relative}.logo-ring{background:radial-gradient(closest-side, var(--accent1-15), transparent 68%), conic-gradient(from 0deg, var(--accent1-25), var(--accent2-25), var(--accent1-25));filter:blur(6px)saturate(110%);opacity:.5;border-radius:50%;width:clamp(110px,20vw,160px);height:clamp(110px,20vw,160px);animation:16s linear infinite ringSpin;position:absolute}.splash-logo{object-fit:cover;clip-path:circle(50%);background:radial-gradient(closest-side, var(--accent1-15), transparent 70%);border-radius:50%;width:clamp(100px,22vw,148px);height:clamp(100px,22vw,148px);padding:6px;animation:1.9s ease-in-out infinite pulse;box-shadow:0 6px 20px #0000004d}@media (width<=520px){.logo-ring{filter:blur(5px);opacity:.4;width:clamp(90px,22vw,120px);height:clamp(90px,22vw,120px)}}.app-title{letter-spacing:.2px;margin:0 0 6px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:clamp(18px,3.6vw,26px);font-weight:600}.app-subtitle{color:#cfd7df;margin:0 0 18px;font-size:clamp(13px,2.6vw,16px)}.progress{place-items:center;margin:8px 0 6px;display:grid}.progress-track{background:#ffffff14;border-radius:999px;width:min(380px,88%);height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, #fff0, #ffffff73, #fff0), linear-gradient(90deg, var(--accent1), var(--accent2));background-repeat:no-repeat;background-size:60% 100%,100% 100%;width:42%;height:100%;animation:1.7s ease-in-out infinite progressSlide}.meta{color:#9fb0c2;-webkit-user-select:none;user-select:none;opacity:.9;gap:10px;margin-top:8px;font-size:12px;display:inline-flex}.meta .dot{opacity:.6}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes progressSlide{0%{transform:translate(-80%)}50%{transform:translate(0%)}to{transform:translate(120%)}}@keyframes bgShift{0%{transform:translate(0,0)scale(1)}50%{transform:translateY(-1%)scale(1.02)}to{transform:translate(0,0)scale(1)}}@media (width<=520px){.splash-card{padding:18px 16px}.progress-track{width:92%}}@media (prefers-reduced-motion:reduce){.splash-backdrop,.logo-ring,.splash-logo,.progress-bar{animation:none!important}.splash-screen,.splash-screen[data-leaving=true]{filter:none!important;transition:opacity .5s!important;transform:none!important}}.radius-control input[type=range],.layer-toggles input[type=checkbox],.mobile-layer-bar input[type=checkbox]{accent-color:var(--accent1)}::selection{background:var(--accent1-25);color:#111}
