:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Press Start 2P",var(--font-base);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-tooltip:1100;--accent-cofedish:#00c853;--accent-cofedish-hover:#00a844;--accent-bekkel:#2196f3;--accent-bekkel-hover:#1976d2;--mc-grass:#5d9c3c;--mc-stone:#7f7f7f;--mc-diamond:#4aedd9;--mc-redstone:#ff3b3b;--mc-gold:#fcdc5d;--mc-enchant:#a366ff}:root,[data-theme=light]{--color-bg:#faf7f4;--color-bg-alt:#fff;--color-surface:#fff;--color-surface-hover:#f5f0eb;--color-surface-active:#ebe5de;--color-text:#3d2f27;--color-text-secondary:#6d5a4f;--color-text-muted:#8d7b6f;--color-text-inverse:#fff;--color-border:#e0d6cc;--color-border-hover:#c9bdb0;--color-border-active:#b5a594;--color-accent:#6d4c41;--color-accent-hover:#5d4037;--color-accent-active:#4e342e;--color-accent-subtle:#6d4c411a;--color-secondary:#8d6e63;--color-secondary-hover:#795548;--color-success:#43a047;--color-error:#e53935;--color-warning:#fb8c00;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-accent:0 4px 16px #6d4c4140;--header-bg:#ffffffeb;--header-blur:blur(12px);--header-border:#00000014;--card-bg:#fff;--card-border:#e8ddd3;--card-shadow:0 4px 16px #00000014;--card-shadow-hover:0 8px 32px #0000001f;--footer-bg:#5d4037;--footer-text:#fff;--footer-link:#f1e3db;--overlay-dark:#00000080;--overlay-light:#fffc;--mc-pattern-opacity:0.03;--mc-divider-color:#6d4c4126}[data-theme=dark]{--color-bg:#0f0f0f;--color-bg-alt:#1a1a1a;--color-surface:#1a1a1a;--color-surface-hover:#252525;--color-surface-active:#303030;--color-text:#f5f5f5;--color-text-secondary:#b0b0b0;--color-text-muted:grey;--color-text-inverse:#0f0f0f;--color-border:#2a2a2a;--color-border-hover:#3a3a3a;--color-border-active:#4a4a4a;--color-accent:#c9a87c;--color-accent-hover:#d4b88a;--color-accent-active:#dfca9c;--color-accent-subtle:#c9a87c1a;--color-secondary:#a08060;--color-secondary-hover:#b8946e;--color-success:#66bb6a;--color-error:#ef5350;--color-warning:#ffa726;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-accent:0 4px 16px #c9a87c33;--header-bg:#0f0f0ff2;--header-blur:blur(16px);--header-border:#ffffff14;--card-bg:#1a1a1a;--card-border:#2a2a2a;--card-shadow:0 4px 16px #0006;--card-shadow-hover:0 8px 32px #00000080;--footer-bg:#0a0a0a;--footer-text:#f5f5f5;--footer-link:#c9a87c;--overlay-dark:#000c;--overlay-light:#ffffff1a;--mc-pattern-opacity:0.04;--mc-divider-color:#c9a87c33}.mc-pattern{background-image:linear-gradient(90deg,#6d4c4126 1px,#0000 0),linear-gradient(180deg,#6d4c4126 1px,#0000 0);background-image:linear-gradient(to right,var(--mc-divider-color) 1px,#0000 1px),linear-gradient(to bottom,var(--mc-divider-color) 1px,#0000 1px);background-size:8px 8px;opacity:.03;opacity:var(--mc-pattern-opacity);pointer-events:none}.mc-glint{overflow:hidden;position:relative}.mc-glint:before{background:linear-gradient(120deg,#0000,#a366ff26 40%,#a366ff40 50%,#a366ff26 60%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:60%}.mc-glint:hover:before{left:100%}.mc-divider{background:repeating-linear-gradient(90deg,#6d4c4126,#6d4c4126 16px,#0000 0,#0000 18px);background:repeating-linear-gradient(90deg,var(--mc-divider-color) 0,var(--mc-divider-color) 16px,#0000 16px,#0000 18px);border:none;height:4px;margin:24px 0;margin:var(--space-6) 0}.mc-border{border:2px solid #e0d6cc;border:2px solid var(--color-border);box-shadow:inset 2px 2px 0 #fff,inset -2px -2px 0 #c9bdb0;box-shadow:inset 2px 2px 0 var(--color-surface),inset -2px -2px 0 var(--color-border-hover)}*{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}.theme-transitioning *{transition:none!important}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-base);line-height:1.5;margin:0;overflow-x:hidden}#audio{display:none}a{color:inherit;text-decoration:none}.sticky-menu{align-items:center;backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);background:var(--header-bg);box-shadow:0 1px 0 var(--header-border),var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5);position:fixed;top:0;transition:transform var(--transition-slow),opacity var(--transition-slow);width:100%;z-index:var(--z-sticky)}.sticky-menu,.sticky-menu.hidden{opacity:0;transform:translateY(-100%)}.sticky-menu.visible{opacity:1;transform:translateY(0)}.sticky-menu__logo{align-items:center;display:flex;gap:var(--space-2)}.sticky-menu__logo-img{height:36px;width:auto}.sticky-menu__logo-text{color:var(--color-text);font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.sticky-menu__logo a{align-items:center;display:flex;gap:var(--space-2);text-decoration:none}.sticky-menu h1{color:var(--color-text);font-size:1.5rem;margin:0}.sticky-menu h1 a{color:inherit;text-decoration:none;transition:color var(--transition-base)}.sticky-menu h1 a:hover{color:var(--color-accent)}.sticky-menu .buttons-container{align-items:center;display:flex;gap:var(--space-2);margin-left:auto;margin-right:var(--space-4)}.sticky-menu .button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-base)}.sticky-menu .button:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.welcome-screen{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.welcome-screen:before{background:linear-gradient(180deg,#0000004d,#00000080 50%,#0009)}.welcome-screen:after,.welcome-screen:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.welcome-screen:after{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 0),linear-gradient(180deg,#ffffff05 1px,#0000 0);background-size:16px 16px;pointer-events:none}.welcome-screen video{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.welcome-content{max-width:800px;opacity:0;padding:0 var(--space-4);position:relative;transform:translateY(20px);transition:opacity 2s ease,transform 2s ease;z-index:2}.welcome-content.visible{opacity:1;transform:translateY(0)}.welcome-content__logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));height:auto;margin-bottom:var(--space-4);max-width:80%;width:280px}.welcome-content h1{color:#f1e3db;font-size:clamp(2.5rem,8vw,4rem);letter-spacing:2px;margin:0 0 var(--space-2);text-shadow:-3px -1px 0 #5d4037,1px -1px 0 #5d4037,-1px 1px 0 #5d4037,1px 1px 0 #5d4037,0 4px 12px #0000004d}.welcome-content p{color:#f1e3db;font-size:clamp(1rem,3vw,1.5rem);margin:0 0 var(--space-6);text-shadow:-1px -1px 0 #5d403799,1px -1px 0 #5d403799,-1px 1px 0 #5d403799,1px 1px 0 #5d403799}.welcome-content__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.welcome-content .button{align-items:center;background:linear-gradient(180deg,#f5e6dc,#e8d5c5);border:2px solid #5d40374d;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000040,inset 0 1px 0 #fff9,inset 0 -2px 0 #00000014;color:#5d4037;display:inline-flex;font-size:1.1rem;font-weight:600;gap:var(--space-2);overflow:hidden;padding:var(--space-4) var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-base)}.welcome-content .button:before{background:linear-gradient(120deg,#0000,#ffffff4d 40%,#ffffff80 50%,#ffffff4d 60%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:60%}.welcome-content .button:hover:before{left:100%}.welcome-content .button:hover{background:linear-gradient(180deg,#fff,#f5e6dc);border-color:#5d403780;box-shadow:0 8px 24px #0000004d,0 4px 8px #5d403733,inset 0 1px 0 #fffc;transform:translateY(-3px)}.welcome-content .button:active{box-shadow:0 4px 12px #0003,inset 0 2px 4px #0000001a;transform:translateY(-1px)}.welcome-content .button--secondary{background:#0000;border:2px solid #f1e3db99;color:#f1e3db}.welcome-content .button--secondary:hover{background:#f1e3db26;border-color:#f1e3db}.why-us{background:var(--color-bg-alt);padding:var(--space-12) var(--space-5);position:relative;text-align:center}.why-us:before{background:repeating-linear-gradient(90deg,var(--mc-divider-color) 0,var(--mc-divider-color) 24px,#0000 24px,#0000 28px);content:"";height:4px;left:0;position:absolute;right:0;top:0}.why-us h2{color:var(--color-text);display:inline-block;font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-8);position:relative}.why-us h2:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236d4c41' d='M14.5 2.5 12 0 9.5 2.5 7 0 4.5 2.5 2 0v7l5 5v10l3 2 3-2V12l5-5V0l-2.5 2.5zM5 4.5 6.5 3 8 4.5 9.5 3 11 4.5v2.67l-4 4.16V20l-2-1.33V4.5z'/%3E%3C/svg%3E") 50%/contain no-repeat;content:"";display:inline-block;height:28px;margin-right:var(--space-3);opacity:.7;vertical-align:middle;width:28px}[data-theme=dark] .why-us h2:before{filter:brightness(1.5)}.why-us-container{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center;margin:0 auto;max-width:1400px}.why-us-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-base);width:320px}.why-us-card:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.why-us-card:after{background:linear-gradient(90deg,#0000,#a366ff0d 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:50%}.why-us-card:hover:after{left:150%}.card-image,.card-video{background:var(--color-bg);border-bottom:1px solid var(--color-border);height:200px;overflow:hidden;position:relative;width:100%}.card-image img,.card-video video{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.why-us-card:hover .card-image img,.why-us-card:hover .card-video video{transform:scale(1.05)}.card-text{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-4);text-align:center}.card-text h3{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-2)}.card-text p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.server-details{background:var(--color-bg);padding:var(--space-12) var(--space-5);position:relative;text-align:center}.server-details h2{color:var(--color-text);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-6)}.server-card{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex-wrap:wrap;justify-content:space-between;margin:var(--space-5) auto;max-width:900px;padding:var(--space-5);transition:all var(--transition-base)}.server-card:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.server-info{flex:1 1;padding:var(--space-5);text-align:left}.server-info h3{color:var(--color-text);font-size:1.8rem;margin-bottom:var(--space-2)}.server-info p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.5;margin:var(--space-1) 0}.server-status{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-3)}.status-indicator{background-color:var(--color-text-muted);border:2px solid var(--color-border);border-radius:50%;box-shadow:0 0 0 3px #80808033;height:16px;transition:all var(--transition-base);width:16px}.status-indicator.online{animation:pulse 2s infinite;background-color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 3px #43a0474d}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #43a0474d}50%{box-shadow:0 0 0 6px #43a0471a}}.status-indicator.offline{background-color:var(--color-error);border-color:var(--color-error);box-shadow:0 0 0 3px #e5393533}.status-text{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.download-button{align-items:center;background:linear-gradient(180deg,var(--color-accent) 0,var(--color-accent-hover) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-accent);color:var(--color-text-inverse);display:inline-flex;font-size:1rem;font-weight:600;gap:var(--space-2);margin-top:var(--space-4);overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;text-decoration:none;transition:all var(--transition-base)}.download-button:before{background:linear-gradient(120deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:60%}.download-button:hover:before{left:100%}.download-button:hover{background:linear-gradient(180deg,var(--color-accent-hover) 0,var(--color-accent-active) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.server-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-3)}.server-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:100%;object-fit:cover}.team{background:var(--color-bg-alt);padding:var(--space-10) var(--space-5);position:relative;text-align:center}.team:before{background:repeating-linear-gradient(90deg,var(--mc-divider-color) 0,var(--mc-divider-color) 24px,#0000 24px,#0000 28px);content:"";height:4px;left:0;position:absolute;right:0;top:0}.team h2{color:var(--color-text);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-6)}.team-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center}.team-member{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;padding:var(--space-5);position:relative;text-align:center;transition:all var(--transition-base);width:220px}.team-member:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.team-member:after{background:linear-gradient(90deg,#0000,#a366ff14 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:50%}.team-member:hover:after{left:150%}.team-member img{border:3px solid var(--color-accent);border-radius:50%;box-shadow:0 0 0 4px var(--color-accent-subtle);height:100px;margin-bottom:var(--space-3);object-fit:cover;transition:all var(--transition-base);width:100px}.team-member:hover img{box-shadow:0 0 0 6px var(--color-accent-subtle);transform:scale(1.05)}.team-member h3{color:var(--color-text);font-size:1.1rem;margin:0 0 var(--space-2)}.team-member p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.team-member-link,.team-member-link:active,.team-member-link:hover,.team-member-link:link,.team-member-link:visited{color:inherit;text-decoration:none}footer{background:var(--footer-bg);color:var(--footer-text);padding:var(--space-6) var(--space-5);position:relative;text-align:center}footer:before{background:repeating-linear-gradient(90deg,#ffffff1a,#ffffff1a 24px,#0000 0,#0000 28px);content:"";height:4px;left:0;position:absolute;right:0;top:0}footer p{font-size:.9rem;margin:0}footer a{color:var(--footer-link);text-decoration:none;transition:opacity var(--transition-base)}footer a:hover{opacity:.8;text-decoration:underline}.contacts{background:var(--color-bg);min-height:100vh;padding:var(--space-12) var(--space-5);text-align:center}.contacts h2{color:var(--color-text);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:var(--space-6)}.contacts-container{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center}.contact-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);color:var(--color-text);max-width:200px;padding:var(--space-5);text-align:center;text-decoration:none;transition:all var(--transition-base)}.contact-card:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.contact-card img{height:50px;margin-bottom:var(--space-3);width:50px}.contact-card h3{color:var(--color-text);font-size:1.1rem;margin:var(--space-2) 0}.contact-card p{color:var(--color-text-secondary);font-size:.85rem;margin:0}@media (max-width:1024px){.team-member{padding:var(--space-4);width:180px}}@media (max-width:1000px){.sticky-menu{flex-direction:column;padding:var(--space-3);text-align:center}.sticky-menu .buttons-container{align-items:center;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0 0;width:90%}.sticky-menu .button{padding:var(--space-2) var(--space-4);text-align:center;width:100%}.welcome-content h1{font-size:3rem}.welcome-content__buttons{align-items:center;flex-direction:column}.welcome-content .button{max-width:280px;width:100%}.why-us-container{align-items:center;flex-direction:column}.why-us-card{max-width:400px;width:90%}.server-card{flex-direction:column;padding:var(--space-4)}.server-info{padding:var(--space-3) 0;text-align:center}.server-status{justify-content:center}.team-container{align-items:center;flex-direction:column}.team-member{max-width:300px;width:90%}}@media (max-width:768px){.sticky-menu{padding:var(--space-3);width:100%}.welcome-content h1{font-size:2.5rem}.welcome-content p{font-size:1.1rem}.welcome-content .button{font-size:1rem;padding:var(--space-3) var(--space-5)}.why-us-card{width:100%}.server-info p{font-size:1.1rem}.contacts-container{align-items:center;flex-direction:column}.contact-card{max-width:300px;width:90%}}@media (max-width:480px){.sticky-menu{width:100%}.sticky-menu h1{font-size:1.2rem}.welcome-content h1{font-size:2rem}.welcome-content__logo{width:200px}.contacts h2,.server-details h2,.team h2,.why-us h2{font-size:1.75rem}.team-member{max-width:260px;width:100%}.server-info p{font-size:1rem}}.theme-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all var(--transition-base);width:40px}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle__icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.theme-toggle__icon svg{height:20px;transition:transform var(--transition-base);width:20px}.theme-toggle__icon--dark svg,.theme-toggle__icon--light svg{color:var(--color-accent)}.theme-toggle:hover .theme-toggle__icon svg{transform:rotate(15deg)}.theme-toggle--compact{height:36px;width:36px}.theme-toggle--compact .theme-toggle__icon svg{height:18px;width:18px}.theme-toggle--ghost{background:#0000;border-color:#0000}.theme-toggle--ghost:hover{background:var(--color-accent-subtle)}.contacts-page{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.contacts-page .sticky-menu{opacity:1;position:relative;transform:none}.contacts-page .contacts{flex:1 1;margin:0 auto;max-width:1000px;padding:var(--space-12) var(--space-5);padding-top:var(--space-10);width:100%}.contacts-page .contacts h2{margin-bottom:var(--space-8);text-align:center}.contacts-page .contacts-container{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.contacts-page .contact-card{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-6);position:relative;text-decoration:none;transition:all var(--transition-base)}.contacts-page .contact-card:before{background:linear-gradient(90deg,#0000,#a366ff14 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:50%}.contacts-page .contact-card:hover:before{left:150%}.contacts-page .contact-card:hover{border-color:var(--color-accent);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.contacts-page .contact-card img{height:56px;margin-bottom:var(--space-4);transition:transform var(--transition-base);width:56px}.contacts-page .contact-card:hover img{transform:scale(1.1)}.contacts-page .contact-card h3{color:var(--color-text);font-size:1.1rem;margin:0 0 var(--space-2)}.contacts-page .contact-card p{color:var(--color-text-secondary);font-size:.9rem;margin:0;text-align:center}.contacts-page footer{margin-top:auto}@media (max-width:600px){.contacts-page .contacts-container{grid-template-columns:1fr}}.profile-page.theme-cofedish{--dev-accent:var(--accent-cofedish);--dev-accent-hover:var(--accent-cofedish-hover);--dev-bg-tint:#00c8530d}.profile-page.theme-bekkel{--dev-accent:var(--accent-bekkel);--dev-accent-hover:var(--accent-bekkel-hover);--dev-bg-tint:#2196f30d}.profile-loading{align-items:center;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-base);justify-content:center;min-height:100vh}.profile-loading__spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--dev-accent,var(--color-accent));height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.profile-page{background:var(--color-bg);color:var(--color-text);font-family:var(--font-base);min-height:100vh;position:relative}.profile-page:before{background:linear-gradient(180deg,#0000,#0000);background:linear-gradient(180deg,var(--dev-bg-tint,#0000) 0,#0000 100%);height:400px}.profile-page:after,.profile-page:before{content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.profile-page:after{background-image:linear-gradient(to right,var(--mc-divider-color) 1px,#0000 1px),linear-gradient(to bottom,var(--mc-divider-color) 1px,#0000 1px);background-size:32px 32px;bottom:0;opacity:var(--mc-pattern-opacity)}.profile-header{backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);background:var(--header-bg);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.profile-header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-3) var(--space-6)}.profile-header__back{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:14px;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-base)}.profile-header__back:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-accent);color:var(--dev-accent,var(--color-accent))}.profile-header__back svg{height:20px;width:20px}.profile-info{border-bottom:1px solid var(--color-border);padding:var(--space-10) var(--space-6);position:relative;z-index:1}.profile-info:after{background:repeating-linear-gradient(90deg,var(--mc-divider-color) 0,var(--mc-divider-color) 24px,#0000 24px,#0000 28px);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.profile-info__container{align-items:flex-start;display:flex;gap:var(--space-6);margin:0 auto;max-width:1400px}.profile-info__avatar{border:3px solid var(--dev-accent,var(--color-accent));border-radius:50%;box-shadow:0 0 0 4px var(--color-bg),0 0 0 6px var(--color-accent),var(--shadow-lg);box-shadow:0 0 0 4px var(--color-bg),0 0 0 6px var(--dev-accent,var(--color-accent)),var(--shadow-lg);flex-shrink:0;height:120px;object-fit:cover;transition:all var(--transition-base);width:120px}.profile-info__avatar:hover{transform:scale(1.05)}.profile-info__details{flex:1 1;min-width:0}.profile-info__name{color:var(--color-text);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--space-1) 0}.profile-info__role{color:var(--color-accent);color:var(--dev-accent,var(--color-accent));font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.profile-info__bio{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0 0 var(--space-4) 0;max-width:600px}.profile-info__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.profile-link{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:13px;font-weight:500;gap:var(--space-2);overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base)}.profile-link:before{background:linear-gradient(90deg,#0000,#a366ff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:50%}.profile-link:hover:before{left:150%}.profile-link:hover{background:var(--color-surface-hover);border-color:var(--dev-accent,var(--color-accent));color:var(--color-accent);color:var(--dev-accent,var(--color-accent));transform:translateY(-2px)}.profile-link svg{height:16px;width:16px}.profile-info__stats{display:flex;flex-shrink:0;gap:var(--space-6)}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:80px;padding:var(--space-3);text-align:center}.stat__value{color:var(--color-accent);color:var(--dev-accent,var(--color-accent));display:block;font-size:24px;font-weight:700}.stat__label{color:var(--color-text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.profile-content{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:var(--space-6);position:relative;z-index:1}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.sidebar-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.sidebar-card h3{align-items:center;color:var(--color-text);display:flex;font-size:13px;font-weight:600;gap:var(--space-2);letter-spacing:.5px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.sidebar-card h3:before{background:var(--color-accent);background:var(--dev-accent,var(--color-accent));border-radius:2px;content:"";display:inline-block;height:16px;opacity:.6;width:16px}.photos-grid{grid-gap:var(--space-1);display:grid;gap:var(--space-1);grid-template-columns:repeat(3,1fr)}.photos-grid img{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;object-fit:cover;transition:all var(--transition-base);width:100%}.photos-grid img:hover{border-color:var(--dev-accent,var(--color-accent));opacity:.8;transform:scale(1.05)}.friends-list{display:flex;flex-direction:column;gap:var(--space-2)}.friend-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--space-3);padding:var(--space-2);text-decoration:none;transition:all var(--transition-base)}.friend-item:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.friend-item img{border:2px solid var(--color-border);border-radius:50%;height:36px;object-fit:cover;width:36px}.friend-item span{font-size:14px;font-weight:500}.subs-list{list-style:none;margin:0;padding:0}.subs-list li{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:13px;gap:var(--space-2);padding:var(--space-2) 0}.subs-list li:before{color:var(--color-accent);color:var(--dev-accent,var(--color-accent));content:"#";font-weight:600}.subs-list li:last-child{border-bottom:none}.profile-main{min-width:0}.featured-section{margin-bottom:var(--space-8)}.featured-section h2{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-weight:600;gap:var(--space-2);margin:0 0 var(--space-4) 0}.featured-section h2:before{background:var(--color-accent);background:var(--dev-accent,var(--color-accent));border-radius:2px;content:"";display:inline-block;height:20px;width:4px}.videos-grid--featured{grid-template-columns:repeat(3,1fr)}.videos-section__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.videos-section__header h2{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-weight:600;gap:var(--space-2);margin:0}.videos-section__header h2:before{background:var(--color-accent);background:var(--dev-accent,var(--color-accent));border-radius:2px;content:"";display:inline-block;height:20px;width:4px}.videos-section__controls{display:flex;gap:var(--space-3)}.search-box{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.search-box:focus-within{border-color:var(--dev-accent,var(--color-accent));box-shadow:0 0 0 3px rgba(var(--color-accent),.1);box-shadow:0 0 0 3px rgba(var(--dev-accent,var(--color-accent)),.1)}.search-box svg{color:var(--color-text-muted);flex-shrink:0;height:18px;width:18px}.search-box input{background:none;border:none;color:var(--color-text);font-size:14px;outline:none;width:200px}.search-box input::placeholder{color:var(--color-text-muted)}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.tag-filter__btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:13px;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.tag-filter__btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.tag-filter__btn.active{background:var(--color-accent);background:var(--dev-accent,var(--color-accent));border-color:var(--dev-accent,var(--color-accent));color:var(--color-text-inverse);font-weight:500}.videos-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.video-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-base)}.video-card:hover{border-color:var(--dev-accent,var(--color-accent));box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.video-card:after{background:linear-gradient(90deg,#0000,#a366ff14 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:50%;z-index:5}.video-card:hover:after{left:150%}.video-card:focus{outline:2px solid var(--color-accent);outline:2px solid var(--dev-accent,var(--color-accent));outline-offset:2px}.video-card__poster{aspect-ratio:16/9;background:var(--color-bg);overflow:hidden;position:relative}.video-card__poster img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.video-card:hover .video-card__poster img{transform:scale(1.05)}.video-card__skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;height:100%;width:100%}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.video-card__play-icon{align-items:center;background:#000000bf;border:2px solid #fff3;border-radius:50%;display:flex;height:56px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-base);width:56px}.video-card:hover .video-card__play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-card__play-icon svg{color:#fff;height:28px;margin-left:4px;width:28px}.video-card__info{padding:var(--space-3)}.video-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 var(--space-2) 0;overflow:hidden}.video-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.video-card__tag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:11px;padding:2px var(--space-2)}.no-videos{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-12) var(--space-5);text-align:center}.no-videos p{font-size:16px;margin:0 0 var(--space-4) 0}.no-videos button{background:var(--color-accent);background:var(--dev-accent,var(--color-accent));border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:14px;font-weight:500;padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.no-videos button:hover{background:var(--color-accent-hover);background:var(--dev-accent-hover,var(--color-accent-hover));transform:translateY(-2px)}.video-modal{align-items:center;animation:fadeIn .2s ease-out;background:var(--overlay-dark);display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal__content{animation:slideUp .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:1000px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-modal__close{align-items:center;background:#0009;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-base);width:40px;z-index:10}.video-modal__close:hover{background:#000c;transform:scale(1.1)}.video-modal__close svg{color:#fff;height:24px;width:24px}.video-modal__video-container{aspect-ratio:16/9;background:#000}.video-modal__video-container video{height:100%;object-fit:contain;width:100%}.video-modal__info{border-top:1px solid var(--color-border);padding:var(--space-5)}.video-modal__info h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 var(--space-3) 0}.video-modal__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.video-modal__tags .tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:12px;padding:var(--space-1) var(--space-3)}@media (max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1 1;min-width:200px}.videos-grid--featured{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-info__container{align-items:center;flex-direction:column;text-align:center}.profile-info__avatar{height:100px;width:100px}.profile-info__details{align-items:center;display:flex;flex-direction:column}.profile-info__bio{text-align:center}.profile-info__links,.profile-info__stats{justify-content:center}.profile-info__stats{margin-top:var(--space-4);width:100%}.profile-sidebar{flex-direction:column}.sidebar-card{min-width:100%}.videos-section__header{align-items:stretch;flex-direction:column}.search-box,.search-box input{width:100%}.videos-grid{gap:var(--space-3)}.videos-grid,.videos-grid--featured{grid-template-columns:repeat(2,1fr)}.video-modal__content{border-radius:var(--radius-lg)}}@media (max-width:480px){.profile-content,.profile-header__container,.profile-info{padding-left:var(--space-4);padding-right:var(--space-4)}.profile-info__name{font-size:22px}.videos-grid{grid-template-columns:1fr}.video-card__poster{aspect-ratio:16/10}.video-modal{padding:var(--space-3)}.video-modal__content{max-height:90vh;overflow-y:auto}}
/*# sourceMappingURL=main.b4aba356.css.map*/