*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#020305;color:#fff;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 50%,rgba(145,233,113,.15),transparent 45%),radial-gradient(circle at 85% 30%,rgba(167,139,250,.15),transparent 45%),radial-gradient(circle at 50% 80%,rgba(245,158,11,.1),transparent 45%);background-size:150% 150%;animation:ambientDrift 20s ease-in-out infinite alternate}@keyframes ambientDrift{0%{background-position:0% 0%}to{background-position:100% 100%}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(2,3,5,.5) 0%,transparent 100%);z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(145,233,113,.3),transparent 70%);top:-10%;left:15%;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.25),transparent 70%);top:20%;right:10%;animation:orbFloat2 25s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.15),transparent 70%);bottom:10%;left:40%;animation:orbFloat3 18s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.1)}66%{transform:translate(-30px,60px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,30px) scale(.9)}66%{transform:translate(40px,-40px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,-50px) scale(1.1)}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%)}.nav{position:sticky;top:14px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;margin:16px auto 24px;max-width:1100px;width:calc(100% - 48px);background:#14141966;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.15);border-radius:9999px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-brand{display:flex;align-items:center;gap:10px}.nav-icon{color:var(--accent-grass-green, #91E971);font-size:24px;filter:drop-shadow(0 0 12px rgba(145,233,113,.55));animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 8px rgba(145,233,113,.4))}50%{filter:drop-shadow(0 0 16px rgba(145,233,113,.75))}}.nav-title{font-size:20px;font-weight:800;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{color:#ffffff73;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.nav-btn-login{background:#ffffff26;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 20px;border-radius:9999px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:inherit;box-shadow:0 4px 12px #0003,inset 0 1px #fff3}.nav-btn-login:hover{background:#c8fff040;border-color:#ffffff80;box-shadow:0 8px 24px #91e97166,inset 0 1px #fff6;transform:translateY(-2px)}.nav-profile-wrap{position:relative;cursor:pointer;display:flex;align-items:center}.nav-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);transition:border-color .2s;object-fit:cover}.nav-profile-wrap:hover .nav-avatar{border-color:#91e971}.nav-dropdown{position:absolute;top:100%;right:0;margin-top:12px;width:240px;background:#0a0a14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 0;box-shadow:0 16px 48px #0009;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100}.nav-profile-wrap:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.nav-dropdown hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:4px 0}.nav-dropdown a,.nav-dropdown button{display:block;width:100%;text-align:left;padding:10px 16px;color:#fffc;font-size:14px;font-weight:500;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.nav-dropdown a:hover,.nav-dropdown button:hover{background:#ffffff0a;color:#fff}#nav-btn-logout{color:#f87171}.tier-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:100px;text-transform:uppercase}.tier-badge.free{background:#ffffff1a;color:#fff9}.tier-badge.pro{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 0 8px #fbbf244d}.notif-wrap{position:relative;margin-left:16px}.notif-wrap[hidden],.notif-badge[hidden],.notif-dropdown[hidden]{display:none!important}.notif-bell{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;position:relative;padding:0;filter:grayscale(.15);transition:background .2s,border-color .2s,box-shadow .2s,filter .2s,color .2s;color:#ffffffbf}.notif-bell:hover{background:#91e9711a;border-color:#91e97147;box-shadow:0 0 18px #91e9711f;filter:grayscale(0);color:var(--accent-grass-green, #91E971)}.notif-bell:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:2px}.notif-badge{position:absolute;top:-2px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 8px #ef444480;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 6px #ef444466}50%{box-shadow:0 0 14px #ef4444cc}}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:340px;max-height:400px;background:#080c10f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(145,233,113,.14);border-radius:var(--radius-sharp, 8px);overflow:hidden;z-index:100;box-shadow:0 18px 54px #00000094,inset 0 1px #ffffff0a;transform-origin:top right;animation:notifDropdownIn .18s cubic-bezier(.16,1,.3,1)}@keyframes notifDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(145,233,113,.1);font-size:14px;font-weight:700}.notif-mark-all{background:none;border:none;color:var(--accent-grass-green, #91E971);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.02em;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:background .15s}.notif-mark-all:hover{background:#91e9711a}.notif-mark-all:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:1px}.notif-list{max-height:340px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s;cursor:pointer}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#91e9710f;border-left:2px solid var(--accent-grass-green, #91E971);padding-left:14px}.notif-item.unread:hover{background:#91e9711a}.notif-item.unread .notif-text{color:#fffffff2}.notif-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notif-content{flex:1;min-width:0}.notif-text{font-size:13px;line-height:1.4;color:#ffffffbf}.notif-text strong{color:#fff;font-weight:700}.notif-from-link{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.18);transition:border-color .15s,color .15s}.notif-from-link:hover{color:var(--accent-grass-green, #91E971);border-bottom-color:var(--accent-grass-green, #91E971)}.notif-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.notif-time{font-size:11px;color:#ffffff40}.notif-action-chip{background:#91e9711a;border:1px solid rgba(145,233,113,.25);color:var(--accent-grass-green, #91E971);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-stack);transition:background .15s}.notif-action-chip:hover{background:#91e97133}.notif-action-chip:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:1px}.notif-dismiss{background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0;align-self:center;margin-left:4px;opacity:0;transition:opacity .15s,background .15s,color .15s}.notif-item:hover .notif-dismiss,.notif-dismiss:focus-visible{opacity:1}.notif-dismiss:hover{background:#ffffff14;color:#fff}.notif-dismiss:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:1px}.notif-empty{text-align:center;padding:32px 16px;color:#ffffff4d;font-size:13px}.hero-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px 80px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#91e97114;border:1px solid rgba(145,233,113,.15);border-radius:100px;font-size:13px;font-weight:600;color:#91e971;letter-spacing:.3px;margin-bottom:32px;animation:heroFadeUp 1s ease-out .2s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:76px;font-weight:900;letter-spacing:-3px;line-height:1.05;margin-bottom:24px;animation:heroFadeUp 1s ease-out .4s both}.hero-accent{background:linear-gradient(135deg,#91e971,#a78bfa,#f59e0b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-sub{font-size:20px;color:#ffffff73;max-width:520px;line-height:1.7;margin-bottom:36px;animation:heroFadeUp 1s ease-out .6s both}.hero-cta-row{display:flex;gap:16px;margin-bottom:48px;animation:heroFadeUp 1s ease-out .8s both}.hero-cta-primary{padding:14px 32px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#020305;font-weight:800;font-size:15px;border-radius:9999px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 32px #fff3,inset 0 1px #fff;border:1px solid rgba(255,255,255,.5)}.hero-cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 48px #ffffff4d,inset 0 1px #fff;background:#fff}.hero-cta-secondary{padding:14px 32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-weight:600;font-size:15px;border-radius:12px;text-decoration:none;transition:all .3s}.hero-cta-secondary:hover{background:#ffffff14;border-color:#fff3;color:#fff}.hero-stats{display:flex;gap:40px;align-items:center;padding:24px 48px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:heroFadeUp 1s ease-out 1s both}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-divider{width:1px;height:32px;background:#ffffff14}.stat-num{font-size:32px;font-weight:800;color:#fff}.stat-label{font-size:11px;color:#ffffff59;font-weight:600;letter-spacing:1px;text-transform:uppercase}.filter-bar{position:sticky;top:110px;z-index:50;margin:0 auto 32px;max-width:1100px;width:calc(100% - 48px);background:#14141966;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:14px 24px;box-shadow:0 20px 40px -10px #00000080,inset 0 1px #ffffff1a}.filter-row{display:flex;align-items:center;gap:16px}.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;min-width:0}.filters::-webkit-scrollbar{display:none}.filter-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#ffffffa6;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:7px 16px;border-radius:100px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap;font-family:inherit}.filter-pill:hover{background:#ffffff12;color:#fff;border-color:#ffffff2e}.filter-pill.active{background:#91e97124;color:var(--accent-grass-green, #91E971);border-color:#91e97166;box-shadow:inset 0 0 0 1px #91e97126}.filter-pill.active:hover{background:#91e97133;border-color:#91e9718c}.sort-bar{border-bottom:1px solid rgba(255,255,255,.04);padding:10px 0}.sort-row{display:flex;align-items:center;gap:12px}.sort-tabs{display:flex;gap:6px}.sort-tab{background:transparent;border:1px solid transparent;color:#ffffff73;font-size:13px;font-weight:600;padding:6px 16px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.sort-tab:hover{background:#ffffff0f;color:#fffc}.sort-tab.active{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2440}.search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.search-icon{position:absolute;left:14px;font-size:14px;pointer-events:none;opacity:.5}.search-input{width:220px;padding:9px 16px 9px 38px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#fff;font-size:16px;font-weight:500;font-family:inherit;outline:none;transition:all .25s ease}.search-input::placeholder{color:#ffffff4d}.search-input:focus{border-color:#91e97173;background:#91e9710f;box-shadow:0 0 16px #91e97124;width:280px}.result-count{position:absolute;right:14px;font-size:11px;color:#91e971bf;font-weight:600;pointer-events:none}.profile-tabs{display:flex;justify-content:center;gap:32px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{background:transparent;border:none;color:#ffffff73;font-size:15px;font-weight:600;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;font-family:inherit}.tab-btn:hover{color:#fffc}.tab-btn.active{color:#91e971;border-bottom:2px solid #91E971;text-shadow:0 0 16px rgba(145,233,113,.3)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.maps-section{padding:40px 0 60px}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:#fff6}.loading-orb{width:40px;height:40px;border-radius:50%;background:#91e97159;box-shadow:0 0 24px #91e9712e;animation:pulse 1.5s ease-in-out infinite}.mm-canvas-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:40px}.load-more-count{font-size:12px;color:#ffffff4d;font-weight:600}.load-more-btn{padding:12px 36px;background:#91e97114;border:1px solid rgba(145,233,113,.25);border-radius:100px;color:#91e971;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease}.load-more-btn:hover{background:#91e97126;border-color:#91e97166;box-shadow:0 4px 20px #91e97126;transform:translateY(-2px)}.map-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.map-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,#91e97133,#a78bfa33,#f59e0b1a);opacity:0;transition:opacity .4s;z-index:-1}.map-card:hover:before{opacity:1}.map-card:hover{transform:translateY(-6px);border-color:#91e97140;box-shadow:0 24px 48px #00000080,0 0 32px #91e97114}.map-card-canvas{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#050810,#0a0e18)}.mini-canvas{width:100%;height:100%}.map-card-body{padding:20px}.map-card-cat{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.map-card-title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.3;letter-spacing:-.3px}.map-card-desc{font-size:13px;color:#fff6;line-height:1.5;margin-bottom:16px}.map-card-meta{display:flex;justify-content:space-between;align-items:center}.map-card-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.author-avatar{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.map-card-stats{font-size:12px;color:#ffffff59}.loading-state{display:contents}.skeleton-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden}.skeleton-canvas{height:200px;background:linear-gradient(135deg,#ffffff08,#ffffff0f);animation:shimmer 1.8s ease-in-out infinite}.skeleton-body{padding:20px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;background:#ffffff0a;border-radius:6px;animation:shimmer 1.8s ease-in-out infinite}.skeleton-line.short{width:30%;height:10px}.skeleton-line.medium{width:60%}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.empty-desc{color:#fff6;margin-bottom:20px}.empty-cta{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#91e971,#a78bfa);color:#fff;font-weight:700;font-size:16px;border-radius:12px;text-decoration:none;transition:all .2s}.empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #91e9714d}.map-card{animation:cardIn .4s ease-out both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.map-card{position:relative}.rank-badge{position:absolute;top:12px;left:12px;z-index:5;font-size:14px;font-weight:900;padding:4px 12px;border-radius:8px;letter-spacing:.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rank-gold{background:linear-gradient(135deg,#ffd70040,#ffa50033);color:gold;border:1px solid rgba(255,215,0,.35);box-shadow:0 4px 16px #ffd70033}.rank-silver{background:linear-gradient(135deg,#c0c0c033,#a9a9a926);color:silver;border:1px solid rgba(192,192,192,.3)}.rank-bronze{background:linear-gradient(135deg,#cd7f3233,#cd7f3226);color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.mode-badge{margin-left:6px;font-size:12px}.card-date{font-size:11px;color:#ffffff40;margin-left:4px}.card-date:before{content:"·";margin-right:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-overlay[hidden]{display:none!important}.modal-overlay.is-open{display:flex}.mm-shell{position:relative;display:flex;width:100vw;height:100vh;overflow:hidden}.modal-card{background:#12121cfa;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:95vw;max-height:95vh;overflow-y:auto;position:relative;box-shadow:0 32px 80px #000c}.modal-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff26;color:#fff}.mm-modal-close{top:16px;right:16px;left:auto;z-index:30;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:18px;transition:background .2s,color .2s,transform .2s}.mm-modal-close:hover,.mm-modal-close:focus-visible{transform:translateY(-1px)}.modal-header{padding:32px 32px 0}.modal-header h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.modal-desc{color:#ffffff80;font-size:14px;margin-bottom:12px}.modal-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffff80;margin-bottom:8px}.modal-date{color:#ffffff4d}.modal-canvas-wrap{position:relative;padding:16px 32px}.modal-canvas-wrap.mm-canvas-wrap{flex:1;padding:0;overflow:hidden;background:#0a0e12}#modal-canvas{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.06);cursor:crosshair;display:block}#modal-canvas[hidden]{display:none!important}.modal-sidebar{width:320px;flex-shrink:0;background:#0e1218f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06);transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.modal-sidebar.sidebar-closed{width:0}.modal-sidebar-toggle{position:absolute;top:50%;right:320px;transform:translateY(-50%);width:28px;height:64px;border-radius:10px 0 0 10px;background:#0e1218d9;border:1px solid rgba(255,255,255,.08);border-right:none;color:#ffffff8c;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:30;transition:right .3s cubic-bezier(.4,0,.2,1),background .2s,color .2s}.modal-sidebar-toggle:hover,.modal-sidebar-toggle:focus-visible{background:#91e9711f;color:var(--accent-grass-green, #91E971);border-color:#91e9714d}.modal-sidebar.sidebar-closed+.modal-sidebar-toggle{right:0}@keyframes mm-sidebar-toggle-pulse{0%,to{box-shadow:0 0 #91e9718c;transform:translateY(-50%) translate(0)}50%{box-shadow:0 0 0 10px #91e97100;transform:translateY(-50%) translate(-4px)}}.modal-sidebar-toggle.pulse-hint{animation:mm-sidebar-toggle-pulse 1.6s ease-in-out infinite;background:#91e9712e;border-color:#91e97180;color:var(--accent-grass-green, #91E971)}@media (prefers-reduced-motion: reduce){.modal-sidebar-toggle.pulse-hint{animation:none}}@media (max-width: 640px){.modal-sidebar{position:absolute;top:auto;right:0;bottom:0;left:0;width:100%;height:70dvh;max-height:70vh;z-index:25;transform:translateY(0);border-left:none;border-top:1px solid rgba(255,255,255,.08);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -16px 48px #00000080;padding-top:18px}.modal-sidebar:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:#ffffff40;pointer-events:none}.modal-sidebar.sidebar-closed{width:100%;height:70dvh;transform:translateY(100%)}.modal-sidebar-toggle{display:none}}.canvas-tooltip{position:absolute;pointer-events:none;z-index:20;min-width:160px;max-width:260px;padding:12px 16px;background:#0c0c16eb;border:1px solid rgba(145,233,113,.25);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0009,0 0 12px #91e97114;opacity:0;transition:opacity .15s ease;font-size:13px;line-height:1.5}.canvas-tooltip .tt-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.canvas-tooltip .tt-root{color:gold}.canvas-tooltip .tt-visited{color:#5eead4}.canvas-tooltip .tt-unvisited{color:#ffffff59}.canvas-tooltip .tt-label{font-weight:700;color:#ffffffe6;margin-bottom:4px}.canvas-tooltip .tt-video{font-size:12px;color:#ffffff73}.canvas-tooltip .tt-channel{font-size:11px;color:#ffffff59;margin-top:2px}.modal-nodes{padding:0 32px 32px}.node-chips-container{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.node-chip{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:13px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .2s ease}.node-chip:hover{background:#ffffff1a}.node-chip.root{background:#91e9711f;border-color:#91e9714d;color:#91e971;font-weight:600}.node-chip.visited{background:#ffffff1a;color:#fff;border-color:#ffffff40}.node-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px}.node-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;flex-shrink:0}.node-dot.root{background:#91e971;box-shadow:0 0 6px #91e97166}.node-label{color:#fffc;font-weight:600}.node-video{color:#ffffff4d;font-size:12px;margin-left:auto}.footer{border-top:1px solid rgba(255,255,255,.06);padding:48px 0;text-align:center}.footer-brand{font-size:18px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.footer-text{color:#fff6;font-size:14px;margin-bottom:16px}.footer-copy{color:#fff3;font-size:12px}@media (max-width: 768px){.hero{min-height:auto;padding-bottom:60px}.hero-sub{font-size:16px}.hero-cta-row{flex-direction:column;width:100%;max-width:320px}.hero-cta-primary,.hero-cta-secondary{text-align:center}.stat-divider{display:none}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}.hero-title{font-size:40px;letter-spacing:-1.5px}.hero-stats{gap:24px;padding:16px 24px}.stat-num{font-size:22px}.filter-row{flex-direction:column;gap:10px;align-items:stretch}.search-input{width:100%}.search-input:focus{width:100%}.maps-grid{grid-template-columns:1fr}.modal-card{border-radius:12px}.modal-header,.modal-canvas-wrap,.modal-nodes{padding-left:20px;padding-right:20px}}.nav-auth{display:flex;align-items:center;gap:10px}.nav-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(145,233,113,.4)}.nav-user-name{font-size:14px;color:#ffffffd9;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-signin-btn{background:linear-gradient(135deg,#91e97126,#a78bfa26);border:1px solid rgba(145,233,113,.3);color:#91e971;padding:8px 18px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .25s}.nav-signin-btn:hover{background:linear-gradient(135deg,#91e97140,#a78bfa40);border-color:#91e97180;transform:translateY(-1px)}.nav-signout-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffff80;padding:6px 14px;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s}.nav-signout-btn:hover{border-color:#f8717166;color:#f87171}.like-btn{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:13px;color:#fff9;transition:all .2s}.like-btn:hover{background:#ffffff0f;color:#fff;transform:scale(1.05)}.like-btn.liked{color:#f87171}.report-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:.25;transition:opacity .2s;padding:2px 4px;margin-left:4px}.report-btn:hover{opacity:.8}.like-btn .like-icon{font-size:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.like-btn:active .like-icon{transform:scale(1.3)}.stat-divider{color:#ffffff26;margin:0 2px}.modal-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.modal-like-btn,.modal-fork-btn{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:6px}.modal-like-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc}.modal-like-btn:hover{background:#f871711f;border-color:#f871714d;color:#f87171}.modal-like-btn.liked{background:#f8717126;border-color:#f8717166;color:#f87171}.modal-fork-btn{background:linear-gradient(135deg,#91e9711f,#a78bfa1f);border:1px solid rgba(145,233,113,.25);color:#91e971}.modal-fork-btn:hover{background:linear-gradient(135deg,#91e97133,#a78bfa33);border-color:#91e97166;transform:translateY(-1px)}.modal-fork-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-fork-btn.forked{background:#34d39926;border-color:#34d39966;color:#34d399}.profile-nav{padding:16px 32px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-home-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.profile-header{padding:48px 0 32px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-info{display:flex;align-items:center;gap:28px}.profile-avatar{width:96px;height:96px;border-radius:50%;border:3px solid rgba(145,233,113,.3);box-shadow:0 0 24px #91e97126;flex-shrink:0}.profile-details{flex:1}.profile-name{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.profile-bio{font-size:14px;color:#ffffff73;margin-bottom:20px;line-height:1.5}.profile-stats{display:flex;gap:24px}.pstat{display:flex;flex-direction:column;align-items:center;gap:2px}.pstat-num{font-size:22px;font-weight:800;background:linear-gradient(135deg,#91e971,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pstat-label{font-size:11px;color:#ffffff59;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-name-row{display:flex;align-items:center;gap:16px;margin-bottom:6px}.follow-btn{padding:6px 18px;border-radius:100px;border:1px solid rgba(145,233,113,.3);background:#91e97114;color:#91e971;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s;white-space:nowrap}.follow-btn:hover{background:#91e9712e;border-color:#91e97180;box-shadow:0 0 16px #91e97126}.follow-btn.following{background:#91e97126;color:#34d399;border-color:#34d39966}.badges-section{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.badges-title,.expertise-title{font-size:14px;font-weight:700;color:#ffffff80;margin-bottom:14px}.badges-grid{display:flex;flex-wrap:wrap;gap:10px}.badge-chip{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:#ffffffb3;transition:all .2s}.badge-chip:hover{background:#ffffff0f;transform:translateY(-1px)}.badge-chip .badge-icon{font-size:16px}.badge-chip.badge-gold{border-color:#ffd70040;color:#fbbf24}.badge-chip.badge-purple{border-color:#a78bfa40;color:#a78bfa}.badge-chip.badge-teal{border-color:#91e97140;color:#91e971}.badge-chip.badge-pink{border-color:#f472b640;color:#f472b6}.expertise-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.expertise-bars{display:flex;flex-direction:column;gap:8px}.exp-row{display:flex;align-items:center;gap:10px}.exp-label{font-size:12px;font-weight:600;color:#ffffff8c;min-width:80px;white-space:nowrap}.exp-bar-wrap{flex:1;height:6px;background:#ffffff0f;border-radius:6px;overflow:hidden}.exp-bar{height:100%;border-radius:6px;transition:width .8s ease}.exp-count{font-size:11px;font-weight:700;color:#ffffff59;min-width:24px;text-align:right}.section-title{font-size:18px;font-weight:700;color:#ffffffb3;margin-bottom:24px;padding-top:8px}.author-link{text-decoration:none;color:#fff9;transition:color .2s;display:flex;align-items:center;gap:8px}.author-link:hover{color:#91e971}.profile-loading{text-align:center;padding:32px 0;color:#ffffff80}@media (max-width: 640px){.profile-info{flex-direction:column;text-align:center}.profile-stats{justify-content:center}.profile-avatar{width:72px;height:72px}}.comments-section{margin-top:24px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px}.comments-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.comment-count{color:#ffffff59;font-weight:400;font-size:14px}.comment-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.comment-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.comment-avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}.comment-author{font-size:13px;font-weight:600;color:#fff}.comment-time{font-size:11px;color:#ffffff40;margin-left:auto}.comment-delete{background:none;border:none;color:#fff3;cursor:pointer;font-size:16px;padding:0 4px;transition:color .15s}.comment-delete:hover{color:#ef4444}.comment-text{font-size:13px;color:#ffffffb3;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.comment-input-area{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.comment-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:13px;font-family:Inter,sans-serif;padding:10px 14px;resize:vertical;min-height:48px;max-height:120px;transition:border-color .2s;box-sizing:border-box}.comment-input:focus{outline:none;border-color:#91e97173;background:#91e9710a}.comment-input:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:2px}.comment-input::placeholder{color:#fff3}.comment-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-char-count{font-size:11px;color:#ffffff40;font-variant-numeric:tabular-nums;transition:color .2s ease}.comment-char-count.is-warn{color:#fbbf24a6}.comment-char-count.is-near{color:#fbbf24f2;font-weight:600}.comment-char-count.is-at{color:#f87171f2;font-weight:700}.comment-skeleton{padding:4px 0}.cm-skel-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cm-skel-row:last-child{border-bottom:0}.cm-skel-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:cmSkelShimmer 1.4s ease-in-out infinite;flex-shrink:0}.cm-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.cm-skel-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:cmSkelShimmer 1.4s ease-in-out infinite}.cm-skel-line.w50{width:50%}.cm-skel-line.w55{width:55%}.cm-skel-line.w65{width:65%}.cm-skel-line.w70{width:70%}.cm-skel-line.w80{width:80%}.cm-skel-line.w90{width:90%}@keyframes cmSkelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}html.light-theme .cm-skel-avatar,html.light-theme .cm-skel-line{background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);background-size:200% 100%}.comment-submit-btn{background:#91e9711a;color:var(--accent-grass-green, #91E971);border:1px solid rgba(145,233,113,.4);padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease,box-shadow .2s ease}.comment-submit-btn:hover{background:#91e97129;border-color:#91e9718c;transform:translateY(-1px);box-shadow:0 4px 14px #91e97147}.comment-submit-btn:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:2px}.comment-submit-btn:disabled{filter:grayscale(.5) brightness(.85);cursor:not-allowed;transform:none;box-shadow:none}#stealth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;background:#0a1018d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.stealth-box{background:#141e2db3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 40px #00000080,0 0 0 1px inset #ffffff0d;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;width:90%}.stealth-logo-glow{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at center,#91E971 0%,transparent 70%);display:flex;align-items:center;justify-content:center;font-size:32px;animation:stealthPulseGlow 3s infinite alternate}@keyframes stealthPulseGlow{0%{box-shadow:0 0 20px #91e97133;transform:scale(.95)}to{box-shadow:0 0 40px #91e97199;transform:scale(1.05)}}.stealth-box h2{margin:0;font-size:24px;color:#e2e8f0;font-weight:600}.stealth-box p{margin:0;font-size:14px;color:#94a3b8;line-height:1.5}.stealth-input-group{display:flex;width:100%;margin-top:10px;gap:8px}#stealth-input{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;outline:none;transition:all .2s}#stealth-input:focus{border-color:var(--accent-grass-green, #91E971);background:#0006;box-shadow:0 0 0 3px #91e9711a}#stealth-btn{background:#91e9711a;color:var(--accent-grass-green, #91E971);border:1px solid rgba(145,233,113,.4);border-radius:8px;padding:0 24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}#stealth-btn:hover{background:#91e97129;border-color:#91e9718c;transform:translateY(-1px)}.section-title{font-size:32px;font-weight:800;text-align:center;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-sub{font-size:16px;color:#94a3b8;text-align:center;margin-bottom:48px}.landing-features{padding:100px 0;background:linear-gradient(to bottom,#050810,#0a1018);position:relative;z-index:10}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#141e2d66;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #0003}.feature-card:hover{transform:translateY(-8px);border-color:#91e9714d;background:#141e2db3;box-shadow:0 16px 40px #0006,0 0 0 1px inset #ffffff0d}.feature-icon{font-size:48px;margin-bottom:20px;text-shadow:0 0 20px rgba(145,233,113,.4)}.feature-card h3{font-size:20px;color:#f1f5f9;margin-bottom:12px}.feature-card p{font-size:14px;color:#94a3b8;line-height:1.6}.how-it-works{padding:100px 0;background:#0a1018}.steps-container{display:flex;align-items:flex-start;justify-content:space-between;text-align:center;max-width:900px;margin:0 auto;gap:16px}.step-box{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.step-num{width:64px;height:64px;border-radius:50%;background:#91e9711a;color:#91e971;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid rgba(145,233,113,.3);margin-bottom:20px;box-shadow:0 0 20px #91e97126}.step-box h4{font-size:18px;color:#e2e8f0;margin-bottom:10px}.step-box p{font-size:14px;color:#64748b;line-height:1.5;padding:0 10px}.step-line{flex:0 0 80px;height:2px;background:linear-gradient(90deg,#91e9711a,#91e97180,#91e9711a);margin-top:32px}.final-cta{padding:100px 0 160px;background:linear-gradient(to bottom,#0a1018,#050810);position:relative}.cta-banner{background:#0f172a66;border:1px solid rgba(145,233,113,.2);border-radius:24px;padding:60px 20px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-glow-bg{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(145,233,113,.15) 0%,transparent 60%);border-radius:50%;pointer-events:none;z-index:0}.cta-banner h2,.cta-banner p,.cta-banner .cta-buttons{position:relative;z-index:10}.cta-banner h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:16px}.cta-banner p{font-size:18px;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 40px;margin-top:24px;text-align:center;color:#fff6}.empty-state-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#91e97114;display:flex;align-items:center;justify-content:center}.empty-state-icon svg{stroke:#91e9718c}.empty-state[data-error-code] .empty-state-icon{background:#ef444414}.empty-state[data-error-code] .empty-state-icon svg{stroke:#ef4444b3}.empty-state-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-grass-green, #91E971);opacity:.75;margin-bottom:10px}.empty-state-title{font-size:17px;font-weight:700;color:#ffffffd1;margin-bottom:6px;letter-spacing:-.01em}.empty-state-desc{font-size:13px;color:#fff6;line-height:1.65;max-width:360px;margin:0 auto 20px}.empty-state-cta{padding:10px 24px;border-radius:8px;border:1px solid rgba(145,233,113,.35);background:#91e9711a;color:var(--accent-grass-green, #91E971);font-size:13px;font-weight:600;letter-spacing:.02em;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.empty-state-cta:hover{background:#91e9712e;border-color:#91e9718c}.es-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:esShimmer 1.5s infinite ease-in-out}@keyframes esShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.profile-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.back-to-top{position:fixed;bottom:32px;right:32px;z-index:9990;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#12121cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s,background .2s;box-shadow:0 4px 16px #0006}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:#91e97126;border-color:#91e9714d;color:#91e971}@view-transition{navigation: auto;}::view-transition-old(root){animation:.2s ease-out fade-out}::view-transition-new(root){animation:.2s ease-in fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.quality-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1}.quality-stars{font-size:8px;opacity:.7}.quality-s{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.quality-a{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.quality-b{background:#91e9711a;color:#91e971;border:1px solid rgba(145,233,113,.2)}.quality-c{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.quality-d{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.mc-list-category{display:flex;align-items:center;gap:8px;width:130px;flex-shrink:0}.mc-list-category-icon{color:var(--accent-grass-green);display:flex}.mc-list-category-label{color:var(--accent-grass-green);opacity:.8;font-size:13px;font-weight:600;letter-spacing:.5px}.mc-list-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding-right:20px;cursor:pointer}.mc-list-thumb{width:40px;height:40px;border-radius:var(--radius-sharp);object-fit:cover;flex-shrink:0}.mc-list-title{margin:0;font-size:16px;font-weight:600;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#fff}.mc-mode-badge{background:#ffffff0d;padding:2px 6px;border-radius:var(--radius-sharp);font-size:11px;opacity:.8;flex-shrink:0}.mc-list-meta{display:flex;align-items:center;gap:8px;font-size:12px;width:220px;flex-shrink:0;opacity:.7;font-weight:500}.mc-list-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.mc-list-avatar-placeholder{width:20px;height:20px;background:#ffffff1a;border-radius:50%;flex-shrink:0}.mc-list-meta-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-list-author{color:var(--bg-pure-white)}.mc-list-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-left:24px}.mc-fork-count{margin-left:4px;font-size:12px;opacity:.7}.mc-btn-delete-list{color:#ef4444b3}.mc-btn-delete-list:hover{color:#ef4444}.mc-grid-card{padding:24px}.mc-grid-header{display:flex;justify-content:space-between;align-items:center}.mc-grid-category{opacity:1;color:var(--accent-grass-green);font-size:14px;margin:0;display:flex;align-items:center;gap:6px}.mc-grid-badges{display:flex;gap:6px;align-items:center}.mc-mode-badge--grid{background:#ffffff1a;padding:4px 8px;border-radius:var(--radius-sharp);font-size:12px}.mc-grid-thumb-wrap{margin:8px -24px 12px;height:140px;overflow:hidden}.mc-grid-thumb{width:100%;height:100%;object-fit:cover}.mc-grid-title{margin:16px 0 24px;font-size:20px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.mc-grid-author{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:13px;opacity:.8}.mc-grid-avatar{width:24px;height:24px;border-radius:var(--radius-sharp);object-fit:cover}.mc-grid-avatar-placeholder{width:24px;height:24px;background:#ffffff1a;border-radius:var(--radius-sharp)}.mc-grid-author-info{display:flex;flex-direction:column;gap:2px}.mc-grid-author-name{font-weight:600;font-family:var(--font-stack)}.mc-grid-date{opacity:.6;font-size:11px}.eco-card-actions{margin-top:24px;display:flex;gap:8px}.mc-btn-like{padding:8px 16px;display:flex;gap:6px;flex:1;justify-content:center;align-items:center;background:var(--bg-pure-white);border:none;cursor:pointer;border-radius:var(--radius-sharp);transition:background .15s}.mc-btn-like.liked{background:var(--accent-grass-green)}.mc-btn-like .lb-count{font-weight:700;line-height:1;color:var(--bg-forest-black)}.mc-btn-like.liked .lb-count{color:var(--bg-pure-black)}.mc-btn-secondary{padding:8px 16px;background:transparent;border:var(--border-divider-light);color:var(--bg-pure-white);border-radius:var(--radius-sharp);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.mc-btn-secondary:hover{background:#ffffff0d}.mc-btn-bookmark{padding:8px 12px;background:transparent;border:var(--border-divider-light);color:var(--bg-pure-white);border-radius:var(--radius-sharp);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mc-btn-bookmark:hover{background:#fbbf2414;border-color:#fbbf2466}.mc-btn-bookmark.bookmarked{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2414}.mc-btn-view{padding:8px 16px;background:var(--bg-pale-mint);color:var(--bg-forest-black);border:none;border-radius:var(--radius-sharp);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.mc-btn-view:hover{opacity:.9}.lb-count{margin-left:6px;font-weight:700;line-height:1;font-size:13px;font-family:var(--font-stack)}.eco-btn-delete{padding:8px 16px;background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444cc;border-radius:var(--radius-sharp);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.eco-btn-delete:hover,.eco-btn-delete:focus-visible{background:#ef44441a;color:#ef4444}.eco-btn-primary.following{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.mm-sidebar-header{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.mm-shell:has(.mm-modal-close:not([hidden])) .mm-sidebar-header{padding-right:60px}.mm-comments-heading{display:flex;align-items:center;gap:6px;padding:14px 18px 10px;color:#ffffff73;font-size:12px;font-weight:600;letter-spacing:.05em}.mm-comment-count{color:#ffffff4d}.mm-comment-list{flex:1;max-height:none;margin-bottom:0;padding:4px 18px 12px;overflow-y:auto}.mm-comment-input-area{padding:14px 18px}.mm-comment-submit{padding:5px 16px;font-size:12px;font-weight:600}.mm-topo-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:10px;border:1px solid rgba(var(--topo-rgb, 145, 233, 113),.35);color:var(--topo-color, var(--accent-grass-green, #91E971));background:rgba(var(--topo-rgb, 145, 233, 113),.12)}.mm-title{color:#fff;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em}.mm-description{color:#ffffff80;font-size:13px;margin:0 0 10px;line-height:1.5}.mm-author-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mm-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.mm-author-name{font-size:13px;font-weight:500;color:#fff9}.mm-meta-row{font-size:12px;color:#ffffff59;margin-bottom:10px}.mm-tags-wrap{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.mm-tag-chip{padding:2px 8px;font-size:11px;border-radius:12px;cursor:pointer;background:#91e9711a;border:1px solid rgba(145,233,113,.2);color:#91e971;transition:background .15s}.mm-tag-chip:hover{background:#91e97133}.mm-add-tag-btn{padding:2px 8px;font-size:11px;border-radius:12px;cursor:pointer;background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);color:#fff6;transition:all .15s}.mm-add-tag-btn:hover{border-color:#91e97166;color:#91e971}.mm-tag-input{padding:3px 8px;font-size:11px;border-radius:12px;width:80px;background:#ffffff0f;border:1px solid rgba(145,233,113,.3);color:#fff;outline:none;font-family:inherit}.mm-report-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;z-index:100;background:#12161cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 0;box-shadow:0 8px 24px #00000080}.mm-report-dropdown--right{left:auto;right:0;min-width:140px;border-radius:6px}.mm-report-option{padding:8px 16px;cursor:pointer;font-size:13px;color:#fffc;transition:background .15s}.mm-report-option:hover{background:#ffffff14}.mm-report-spinner{animation:mmReportSpin 1s linear infinite}.mm-report-spinner--inline{margin-right:6px}@keyframes mmReportSpin{to{transform:rotate(360deg)}}.mm-comment-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mm-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.mm-comment-content{flex:1;min-width:0}.mm-comment-header{display:flex;gap:8px;align-items:baseline;margin-bottom:4px;justify-content:space-between}.mm-comment-header-left{display:flex;gap:8px;align-items:baseline}.mm-comment-name{font-weight:600;font-size:13px;color:#ffffffe6}.mm-comment-time{font-size:11px;color:#ffffff4d}.mm-comment-text{margin:0;font-size:14px;color:#ffffffb3;line-height:1.5;word-break:break-word}.mm-comment-report-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;position:relative;display:flex;align-items:center}.mm-comment-report-btn:hover{color:#fff9}.mm-comment-report-btn.is-sending{pointer-events:none}.mm-comment-report-btn.is-reported{color:#fff9}.mm-render-error{padding:20px;color:#ff8a8a;font-size:14px}.mm-render-error--fatal{color:#ef4444}.mm-comment-empty{color:#ffffff4d;font-size:13px}.mm-more-comments-hint{padding:12px 0;color:#ffffff4d;text-align:center;font-size:12px}.mm-comment-error{padding:12px;color:#f87171d9;background:#f871710f;border-radius:6px;cursor:pointer;font-size:13px}#toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{--toast-accent:rgba(145,233,113,.86);display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:8px;font-size:13px;font-weight:700;font-family:inherit;pointer-events:auto;cursor:pointer;width:min(392px,calc(100vw - 32px));color:#f8fafceb;background:linear-gradient(180deg,#ffffff13,#ffffff06),#070b09f0;border:1px solid rgba(255,255,255,.12);border-left-color:var(--toast-accent);border-left-width:3px;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);box-shadow:0 18px 52px #00000075,inset 0 1px #ffffff0f;opacity:0;transform:translate(18px) translateY(-2px);transition:opacity .24s ease,transform .24s ease}.toast--visible{opacity:1;transform:translate(0) translateY(0)}.toast-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--toast-accent);background:#ffffff0e;border:1px solid rgba(255,255,255,.09)}.toast-msg{line-height:1.45;min-width:0;overflow-wrap:anywhere}.toast--info{--toast-accent:rgba(105,199,221,.9)}.toast--success{--toast-accent:rgba(145,233,113,.92)}.toast--error{--toast-accent:rgba(248,113,113,.95)}.toast--warning{--toast-accent:rgba(251,191,36,.95)}@media (max-width: 560px){#toast-container{top:auto;right:12px;bottom:14px;left:12px}.toast{width:100%;transform:translateY(16px)}.toast--visible{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{transition:none;transform:none}}.embed-msg{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff4d;font-family:Inter,sans-serif;font-size:14px;text-align:center;padding:24px}.embed-msg--error{color:#ef4444}.mm-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.mm-actions-left,.mm-actions-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mm-btn-share{padding:6px 14px;font-size:12px;font-weight:600;color:var(--accent-grass-green, #91E971);background:#91e9711a;border:1px solid rgba(145,233,113,.4);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s,transform .1s;font-family:inherit;letter-spacing:.02em}.mm-btn-share:hover,.mm-btn-share:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.mm-btn-open-full{padding:6px 12px;font-size:12px;font-weight:500;color:#fffc;background:#91e97114;border:1px solid rgba(145,233,113,.25);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;transition:all .2s;text-decoration:none;font-family:inherit}.mm-btn-open-full:hover,.mm-btn-open-full:focus-visible{background:#91e97129;color:#fff;border-color:#91e97173}.mm-btn-embed{padding:4px 10px;font-size:11px;color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;transition:all .2s;font-family:inherit}.mm-btn-embed:hover,.mm-btn-embed:focus-visible{background:#ffffff1f;color:#fff}.mm-btn-report{padding:4px 10px;font-size:11px;color:#ef4444b3;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;position:relative;transition:all .2s;font-family:inherit}.mm-btn-report:hover,.mm-btn-report:focus-visible{background:#ef44441f}.mm-btn-report.is-sending{opacity:.5;pointer-events:none}.mm-btn-report.is-reported{color:#fff6;background:#ffffff0a;border-color:#ffffff1a;cursor:default}:focus-visible{outline:2px solid var(--accent-grass-green, #91E971);outline-offset:2px}[style*="border-radius: 50%"]:focus-visible,.eco-nav-avatar:focus-visible,.nav-avatar:focus-visible,.nav-btn-login:focus-visible,.back-to-top:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-grass-green, #91E971)}