@charset "UTF-8";:root{--primary-color: #b3ff00;--background-color: #0c0c0c;--header-color: #2a2a2a;--error-color: #ff6b6b;--warning-color: #ffff00;--info-color: #00dddd;--font-family: "JetBrains Mono", "Courier New", monospace;--font-size: 14px;--border-radius: 8px;--max-width: 90vw;--min-height: 70vh;--max-height: 85vh;--glow-intensity: .3;--transition-speed: .3s;--shadow-depth: 30px}:root{--app-bg-primary: #1a1a1a;--app-bg-secondary: #242424;--navbar-text: #e8e6e3;--navbar-accent: #a1ca0e;--navbar-accent-hover: #8409ef;--navbar-border: #3a3a3a;--menu-scale: 1}[data-theme=light]{--app-bg-primary: #f5f3ed;--app-bg-secondary: #ebe8df;--navbar-text: #2c2a26;--navbar-accent: #7c9e2d;--navbar-accent-hover: #657f24;--navbar-border: #d1ccc0}@keyframes fadeIn{to{opacity:1}}.navbar{display:flex;align-items:center;justify-content:space-between;z-index:2000;padding:1.5rem 2rem;background:var(--card-bg);box-shadow:0 2px 4px var(--shadow);border-bottom:1px solid var(--border);min-height:50px;gap:1.5rem;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease}.navbar--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.navbar .logos{display:flex;align-items:center;gap:1rem}.navbar .logos .navbar-logo{height:50px;width:auto;transition:transform .2s ease}.navbar .logos .navbar-logo:hover{transform:scale(1.05)}.navbar a{color:var(--text);text-decoration:none;font-weight:500;font-size:1.5rem;transition:color .15s ease,background .15s ease;padding:.5rem 1rem;border-radius:10px;white-space:nowrap}.navbar a:hover{color:var(--primary);background:var(--bg-secondary)}.navbar a.active{background:var(--bg-secondary);color:var(--primary)}.navbar button{padding:.5rem 1rem;white-space:nowrap;font-size:2rem;background:none;border:none;cursor:pointer;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);transition:color .15s ease,background .15s ease;border-radius:10px}.navbar button:hover{color:var(--primary);background:var(--bg-secondary)}.navbar__desktop{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}.navbar__links{display:flex;gap:1.5rem;align-items:center}.navbar__right{display:flex;gap:1rem;align-items:center;margin-left:auto}.navbar__right .user-info{color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:10px;display:flex;align-items:center;gap:.25rem}.navbar__right .theme-toggle{font-size:1.3rem;padding:.5rem}.navbar .dropdown{position:relative;display:inline-flex;align-items:center}.navbar .dropdown .drop-label{display:inline-flex;align-items:center;gap:.25rem;color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:1.6rem;font-weight:500;background:none;border:none;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar .dropdown .drop-label:hover{color:var(--primary);background:var(--bg-secondary)}.navbar .dropdown .chevron{display:inline-flex;align-items:center;justify-content:center;margin-left:.25rem;transition:transform .15s ease}.navbar .dropdown .chevron.open{transform:rotate(180deg)}.navbar .dropdown .dropdown-content{position:absolute;left:0;top:calc(100% + 8px);display:flex;flex-direction:column;min-width:200px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 12px var(--shadow);padding:.25rem;z-index:200;animation:dropdownFade .2s ease}.navbar .dropdown .dropdown-content a{width:100%;padding:.5rem 1rem;display:block;font-size:.95rem}.navbar .dropdown .dropdown-content a:hover{background:var(--bg-secondary);color:var(--primary)}.navbar__toggle{display:none}@media(max-width:968px){.navbar__toggle{display:flex}}.navbar__menu{display:none}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.navbar{padding:0;min-height:0;height:0;overflow:visible;background:transparent;box-shadow:none;border-bottom:none}.navbar__desktop{display:none!important}.dropdown{width:100%}.dropdown .drop-label{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.dropdown.hamburger-left .drop-label{justify-content:flex-start}.dropdown.hamburger-left .chevron-left{order:0;margin-right:.5rem;margin-left:0}.dropdown.hamburger-left .chevron-right{display:none}.dropdown.hamburger-right .drop-label{justify-content:space-between}.dropdown.hamburger-right .chevron-right{order:2;margin-left:.5rem;margin-right:0}.dropdown.hamburger-right .chevron-left{display:none}.dropdown .dropdown-content{position:static;box-shadow:none;border:none;padding:0;margin:0;background:transparent;min-width:auto;animation:none;padding-left:1.5rem}.dropdown .dropdown-content a{padding:.25rem 1rem;font-size:.85rem}.navbar__toggle{display:flex;align-items:center;justify-content:center;position:fixed;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;width:2em;height:2em;font-size:1.5rem;cursor:pointer;z-index:1200;box-shadow:0 2px 8px var(--shadow);animation:slideIn .3s ease-out;transition:all .15s ease;-webkit-user-select:none;user-select:none;touch-action:none}.navbar__toggle:hover{background:var(--bg-secondary);transform:scale(1.05)}.navbar__toggle:active{transform:scale(.95)}.navbar__menu{position:fixed;background:var(--card-bg);border:1px solid var(--border);border-radius:25px;box-shadow:0 4px 12px var(--shadow);z-index:1100;display:flex;flex-direction:column;gap:0;min-width:200px;max-width:280px;padding:.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.navbar__menu--open{opacity:1;pointer-events:all}.navbar__menu a,.navbar__menu button{font-size:.9rem;text-align:left;width:100%;height:40px;color:var(--text);background:transparent;border:none;border-radius:10px;transition:all .15s ease;cursor:pointer;display:flex;align-items:center;padding:.5rem 1rem}.navbar__menu a:hover,.navbar__menu button:hover{background:var(--bg-secondary);color:var(--primary)}.navbar__menu .user-info{font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem 1rem;border-radius:10px;margin:.25rem 0;height:40px;display:flex;align-items:center}.navbar__menu .theme-toggle{justify-content:flex-end;font-size:1rem}:root{--menu-scale: min(1, calc((100vh * .8) / 600))}.navbar__menu,.navbar__menu--open{transform-origin:top left;transform:scale(var(--menu-scale))}}@media(prefers-reduced-motion:reduce){.navbar{transition:none}.navbar--hidden{transform:none;opacity:1}.dropdown-content{animation:none}}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.footer{display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0;width:100%;height:20px;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;transition:transform .3s ease,opacity .3s ease}.footer--hidden{transform:translateY(100%);opacity:0;pointer-events:none}.footer .footer-content{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.8rem;opacity:.8}.footer .footer-content .footer-github{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;transition:all .2s ease}.footer .footer-content .footer-github:hover,.footer .footer-content .footer-github:focus,.footer .footer-content .footer-github:active{color:var(--primary);transform:scale(1.1);outline:none}@media(hover:none)and (pointer:coarse){.footer .footer-content .footer-github:active{color:var(--primary);transform:scale(1.1)}}.footer .footer-content .footer-github svg{width:16px;height:16px;margin:0 10px 0 20px}@media(prefers-reduced-motion:reduce){.footer{transition:none}.footer--hidden{transform:none;opacity:1}}.page h1{background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-box{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.demo-box:hover{box-shadow:0 4px 12px var(--shadow)}.demo-box{margin:1.5rem 0}.demo-box h3{margin-top:0;color:var(--primary)}.demo-box p{margin-bottom:1rem}.demo-box button{margin-right:1rem;margin-top:.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;position:relative;overflow:hidden}.login-page.page{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}@media(max-width:768px){.login-page{padding:1rem}}@media(max-width:480px){.login-page{padding:.5rem}}.login-container{max-width:800px;width:100%;padding:2rem;background:rgba(var(--card-bg-rgb),.7);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-radius:50px;border:1px solid var(--border);box-shadow:0 20px 60px var(--shadow);position:relative;z-index:2;transition:all .3s ease}@media(max-width:480px){.login-container{padding:1.5rem 1rem}}.login-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.05;pointer-events:none;border-radius:50%}.login-header{text-align:center;margin-bottom:2rem}.login-header .login-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);margin-bottom:1rem;transition:all .15s ease}.login-header .login-icon-wrapper .login-icon{font-size:2rem;color:var(--primary)}.login-header .login-title{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.02em}@media(max-width:480px){.login-header .login-title{font-size:1.5rem}}.login-header .login-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:480px){.login-header .login-subtitle{font-size:.85rem}}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.25rem}.login-label{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;color:var(--text);letter-spacing:.01em}.login-label svg{font-size:.9rem;color:var(--text-secondary)}.login-input{width:100%;padding:.5rem 1rem;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:1rem;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .15s ease;min-height:48px}.login-input::placeholder{color:var(--text-secondary);opacity:.5}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);background:var(--bg)}.login-input:hover:not(:focus){border-color:var(--primary-hover)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input.valid{border-color:var(--success);box-shadow:0 0 0 4px rgba(var(--success-rgb),.1)}.login-input.valid:focus{border-color:var(--success);box-shadow:0 0 0 4px rgba(var(--success-rgb),.15)}.login-input.invalid{border-color:var(--danger);box-shadow:0 0 0 4px rgba(var(--danger-rgb),.1)}.login-input.invalid:focus{border-color:var(--danger);box-shadow:0 0 0 4px rgba(var(--danger-rgb),.15)}.login-password-wrapper{position:relative;width:100%}.login-password-wrapper .login-input{padding-right:48px}.login-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:10px;color:var(--text-secondary);transition:all .15s ease;line-height:1}.login-password-toggle:hover{color:var(--text);background:var(--bg-secondary)}.login-password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-error{font-size:.75rem;color:var(--danger);min-height:1.2em;padding-left:.25rem}.login-error-general{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger);border-radius:10px;color:var(--danger);font-size:.9rem}.login-error-general svg{font-size:1rem;flex-shrink:0}.login-submit{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit{width:100%;padding:1rem 2rem;font-size:1.05rem;font-weight:600;min-height:52px;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;transition:all .15s ease}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3)}.login-submit .login-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:loginSpin .6s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:10px;font-size:.8rem;color:var(--text-secondary);margin:.25rem 0}.login-hint svg{font-size:.8rem;color:var(--primary)}.login-hint strong{color:var(--text);font-weight:600}.login-back{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all .15s ease;padding:.25rem;border-radius:10px;width:fit-content;margin:0 auto}.login-back:hover{color:var(--primary);transform:translate(-2px)}.login-back:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.login-container{animation:none;opacity:1;transform:none}.login-submit .login-spinner{animation-duration:0s}}@media(prefers-color-scheme:dark){.login-container{background:#141414cc;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-color:var(--border)}}.post-form{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.post-form:hover{box-shadow:0 4px 12px var(--shadow)}.post-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.post-form input,.post-form textarea{width:100%}.post-form .form-actions{display:flex;gap:1rem}.post-form .form-actions button:last-child{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-form .form-actions button:last-child:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.post-form .form-actions button:last-child:active:not(:disabled){transform:translateY(0)}.post-form .form-actions button:last-child:disabled{opacity:.6;cursor:not-allowed}.post-form .form-actions button:last-child{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.post-form .form-actions button:last-child:hover:not(:disabled){background:var(--border)}.posts-list{display:grid;gap:1.5rem}.post-card{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.post-card:hover{box-shadow:0 4px 12px var(--shadow)}.post-card{position:relative}.post-card h3{margin-top:0;margin-bottom:1rem;color:var(--primary)}.post-card p{margin-bottom:1rem;color:var(--text);line-height:1.6}.post-card small{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.post-card .post-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.post-card .post-actions button{flex:1}.post-card .post-actions button:last-child{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-card .post-actions button:last-child:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.post-card .post-actions button:last-child:active:not(:disabled){transform:translateY(0)}.post-card .post-actions button:last-child:disabled{opacity:.6;cursor:not-allowed}.post-card .post-actions button:last-child{background:var(--danger)}.post-card .post-actions button:last-child:hover:not(:disabled){background:#bd2130}.demo-split-layout{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;width:100%;min-height:60vh;position:relative;padding:2rem 0;z-index:1}.demo-split-box{flex:1 1 340px;display:flex;flex-direction:column;gap:1.5rem;position:relative;background:#ffffff12;border-radius:50px;box-shadow:0 2px 16px var(--shadow);padding:2rem 1.5rem;min-width:320px;max-width:420px;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.demo-split-left{align-items:flex-start;justify-content:center}.demo-split-right{align-items:center;justify-content:flex-start}@media(max-width:900px){.demo-split-layout{flex-direction:column;gap:1.5rem;align-items:center;padding:1.5rem 0}.demo-split-box{min-width:0;width:98vw;max-width:99vw;padding:1.5rem 1rem}}.demo-content-centered{max-width:480px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem;background:#ffffff0a;border-radius:50px;box-shadow:0 2px 16px var(--shadow);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem}.demo-box-centered{width:100%;max-width:420px;margin:0 auto 1.5rem;background:var(--bg-secondary);border-radius:25px;box-shadow:0 1px 8px var(--shadow);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-btn-row{display:flex;flex-direction:row;gap:1rem;justify-content:center;width:100%}@media(max-width:600px){.demo-content-centered{max-width:98vw;padding:1.5rem .25rem 2rem}.demo-box-centered{max-width:99vw;padding:1rem .25rem}}.demo-box .history-display{background:var(--bg-secondary);padding:1rem;border-radius:10px;font-family:Xanh Mono,Courier New,Courier,monospace;color:var(--text-secondary);margin-top:1rem}.counter-display{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.counter-display h3{font-size:3rem;color:var(--primary);margin:0}.bestiary-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;margin:2rem 0;align-items:start}.bestiary-layout .bestiary-preview{margin:0}.bestiary-layout .bestiary-sidebar{display:flex;flex-direction:column;gap:1rem;align-items:stretch;position:static;top:auto;z-index:0}.part-selector{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.part-selector:hover{box-shadow:0 4px 12px var(--shadow)}.part-selector{text-align:center}.part-selector h4{margin-bottom:1rem;color:var(--primary)}.part-selector select{width:100%;padding:1rem;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);cursor:pointer;font-size:1rem}.part-selector select:focus{border-color:var(--primary)}.part-selector select option{padding:.5rem}.part-selector .thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;align-items:center;justify-items:center;padding:.5rem 0}.part-selector .thumb{background:transparent;border:2px solid transparent;border-radius:10px;padding:.5rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.part-selector .thumb img{width:100%;height:80px;object-fit:contain;display:block}.part-selector .thumb.active{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow)}@media(max-width:768px){.bestiary-layout{grid-template-columns:1fr}.bestiary-layout .bestiary-sidebar{order:-1;position:static}.part-selector .thumbnails{grid-template-columns:repeat(5,1fr);gap:.25rem}.part-selector .thumbnails img{height:60px}.part-selector h4{font-size:1rem}}@media(min-width:769px){.bestiary-layout .bestiary-sidebar{position:sticky;top:2rem;z-index:1}}.bestiary-preview{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.bestiary-preview:hover{box-shadow:0 4px 12px var(--shadow)}.bestiary-preview{margin-top:2rem;text-align:center}.bestiary-preview h3{color:var(--primary);margin-bottom:1.5rem}.bestiary-actions{margin-top:1rem;display:flex;justify-content:center}.save-creature-btn{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.save-creature-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.save-creature-btn:active:not(:disabled){transform:translateY(0)}.save-creature-btn{background:var(--success);border:none;padding:1rem 1.5rem}.save-creature-btn:disabled{opacity:.6;cursor:not-allowed}.saved-filename{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.creature{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.5rem 0}.creature .part{background:var(--bg-secondary);padding:1.5rem 2rem;border-radius:25px;border:2px solid var(--primary);font-weight:600;color:var(--primary);min-width:200px;text-align:center;transition:all .15s ease}.creature .part:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--shadow)}.creature .part img{width:260px;height:auto;object-fit:contain;display:block}.creature-name{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;font-family:Xanh Mono,Courier New,Courier,monospace;color:var(--text-secondary);font-size:.9rem}.contact-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}@media(max-width:768px){.contact-page{padding:1rem}}@media(max-width:480px){.contact-page{padding:.5rem}}.contact-page__inner{width:100%;max-width:820px;margin:0 auto}@media(max-width:768px){.contact-page__inner{max-width:100%}}.contact-content{position:relative}.contact-content--page{background:transparent;border:none;box-shadow:none;padding:0}.contact-content--page .contact-header h1{font-size:3.5rem}@media(max-width:768px){.contact-content--page .contact-header h1{font-size:2.8rem}}@media(max-width:480px){.contact-content--page .contact-header h1{font-size:2.2rem}}.contact-content--page .contact-header .contact-subtitle{font-size:1.3rem}@media(max-width:768px){.contact-content--page .contact-header .contact-subtitle{font-size:1.1rem}}@media(max-width:480px){.contact-content--page .contact-header .contact-subtitle{font-size:1rem}}.contact-content--modal{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;box-shadow:0 20px 60px var(--shadow);padding:3rem;max-width:650px;width:100%;margin:0 auto;position:relative}@media(max-width:768px){.contact-content--modal{padding:2rem;border-radius:25px}}@media(max-width:480px){.contact-content--modal{padding:1.5rem;border-radius:10px}}.contact-content--modal .contact-header h1{font-size:2rem}@media(max-width:768px){.contact-content--modal .contact-header h1{font-size:1.75rem}}@media(max-width:480px){.contact-content--modal .contact-header h1{font-size:1.5rem}}.contact-header{text-align:center;margin-bottom:2rem}@media(max-width:768px){.contact-header{margin-bottom:1.5rem}}@media(max-width:480px){.contact-header{margin-bottom:1rem}}.contact-header h1{font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em}@media(max-width:480px){.contact-header h1{margin-bottom:.25rem}}.contact-header .contact-subtitle{color:var(--text-secondary);margin:0;line-height:1.5}.contact-form{position:relative;z-index:1}.contact-form .form-group{margin-bottom:1.5rem}@media(max-width:480px){.contact-form .form-group{margin-bottom:1rem}}.contact-form .form-group label{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--text);letter-spacing:.01em}.contact-form .form-group label .required{color:var(--danger);margin-left:2px}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:1rem 1.5rem;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:1.05rem;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .15s ease;line-height:1.6}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:var(--text-secondary);opacity:.5;font-size:1rem}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);background:var(--bg)}.contact-form .form-group input:hover:not(:focus),.contact-form .form-group textarea:hover:not(:focus){border-color:var(--primary-hover)}.contact-form .form-group input:disabled,.contact-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form .form-group input.error,.contact-form .form-group textarea.error{border-color:var(--danger);box-shadow:0 0 0 4px rgba(var(--danger-rgb),.1)}.contact-form .form-group input.error:focus,.contact-form .form-group textarea.error:focus{border-color:var(--danger);box-shadow:0 0 0 4px rgba(var(--danger-rgb),.15)}.contact-form .form-group input.success,.contact-form .form-group textarea.success{border-color:var(--success);box-shadow:0 0 0 4px rgba(var(--success-rgb),.1)}.contact-form .form-group textarea{resize:vertical;min-height:180px}@media(max-width:480px){.contact-form .form-group textarea{min-height:140px}}.contact-form .form-group .field-error{display:block;margin-top:.25rem;font-size:.85rem;color:var(--danger);min-height:1.2em}.contact-form .form-group .field-error--hidden{visibility:hidden}.contact-form .captcha-wrapper{margin:1.5rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(max-width:480px){.contact-form .captcha-wrapper{margin:1rem 0 1.5rem}}.contact-form .captcha-wrapper .captcha-container{min-height:70px;display:flex;justify-content:center;align-items:center;width:100%}.contact-form .captcha-wrapper .captcha-status{font-size:.85rem;color:var(--text-secondary);opacity:.7;min-height:1.2em}.contact-form .captcha-wrapper .captcha-status--ok{color:var(--success);opacity:1}.contact-form .captcha-wrapper .captcha-status--error{color:var(--danger);opacity:1}.contact-form .captcha-wrapper .captcha-status--loading{color:var(--text-secondary);opacity:.5;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.contact-form .submit-btn{width:100%;padding:1.5rem 2rem;background:var(--primary);color:var(--accent-text);border:none;border-radius:10px;font-size:1.15rem;font-weight:600;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;min-height:60px;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:480px){.contact-form .submit-btn{font-size:1rem;min-height:52px;padding:1rem 1.5rem}}.contact-form .submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.contact-form .submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.contact-form .submit-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.contact-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.contact-form .submit-btn .spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-status-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;box-shadow:0 30px 80px var(--shadow);padding:3rem;max-width:480px;width:100%;margin:0 auto;position:relative;animation:modalSlide .3s cubic-bezier(.34,1.56,.64,1) forwards}@media(prefers-reduced-motion:reduce){.contact-status-modal{animation:none;opacity:1;transform:none}}@media(max-width:768px){.contact-status-modal{padding:2rem;border-radius:25px}}@media(max-width:480px){.contact-status-modal{padding:1.5rem;border-radius:10px;margin:1rem}}.contact-status-modal .modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:transparent;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:2}.contact-status-modal .modal-close:hover{background:var(--border);color:var(--text)}.contact-status-modal .modal-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media(max-width:480px){.contact-status-modal .modal-close{top:.5rem;right:.5rem;width:36px;height:36px;font-size:1.25rem}}.contact-status{text-align:center;padding:1.5rem 1rem}.contact-status .status-icon{font-size:5rem;display:block;margin-bottom:1rem}@media(max-width:768px){.contact-status .status-icon{font-size:4rem}}@media(max-width:480px){.contact-status .status-icon{font-size:3.5rem;margin-bottom:.5rem}}.contact-status .status-icon--success{color:var(--success)}.contact-status .status-icon--error{color:var(--danger)}.contact-status .status-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}@media(max-width:768px){.contact-status .status-title{font-size:1.75rem}}@media(max-width:480px){.contact-status .status-title{font-size:1.5rem}}.contact-status .status-title--success{color:var(--success)}.contact-status .status-title--error{color:var(--danger)}.contact-status .status-message{font-size:1.05rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.6}@media(max-width:480px){.contact-status .status-message{font-size:.95rem}}.contact-status .status-details{font-size:.85rem;color:var(--text-secondary);opacity:.6;margin-bottom:1.5rem}@media(max-width:480px){.contact-status .status-details{font-size:.8rem}}.contact-status .status-action{display:flex;justify-content:center}.contact-status .status-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:48px;text-decoration:none}@media(max-width:480px){.contact-status .status-button{width:100%;justify-content:center}}.contact-status .status-button--primary{background:var(--primary);color:var(--accent-text)}.contact-status .status-button--primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.contact-status .status-button--primary:active{transform:translateY(0);box-shadow:none}.contact-status .status-button--secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.contact-status .status-button--secondary:hover{background:var(--border);transform:translateY(-2px)}.contact-status .status-button--secondary:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlayFade .3s ease forwards}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.modal-overlay{animation:none;opacity:1}}@media(max-width:480px){.modal-overlay{padding:.5rem}}.modal-overlay .modal{max-height:95vh;overflow-y:auto;position:relative;animation:modalSlide .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.modal-overlay .modal{animation:none;opacity:1;transform:none}}.modal-overlay .modal::-webkit-scrollbar{width:6px}.modal-overlay .modal::-webkit-scrollbar-track{background:transparent}.modal-overlay .modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(prefers-reduced-motion:reduce){.contact-status{animation:none;opacity:1;transform:none}.modal-overlay{animation:none;opacity:1}.modal-overlay .modal{animation:none;opacity:1;transform:none}.contact-form .submit-btn .spinner{animation-duration:0s}}@media(prefers-color-scheme:dark){.contact-content--modal,.contact-status-modal{background:var(--card-bg);border-color:var(--border)}.contact-form .form-group input,.contact-form .form-group textarea{background:var(--bg);border-color:var(--border);color:var(--text)}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.modal-overlay{background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:3000;pointer-events:all}.loading-inner{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text)}.loading-spinner{color:var(--primary);animation:spin 1s linear infinite;font-size:4rem}.loading-text{color:var(--text);font-weight:600;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.performance-stats{position:fixed;right:10px;bottom:10px;top:auto;left:auto;min-width:90px;background:#08080899;color:#fff;padding:8px 10px;border-radius:8px;z-index:9999;font-family:var(--font-family, "Courier New", monospace);font-size:.85rem;box-shadow:0 2px 8px #0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.performance-stats .perf-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.performance-stats .perf-label{color:#ffffffb8}.performance-stats .perf-value{color:var(--primary);font-weight:700}@media(max-width:640px){.performance-stats{right:8px;bottom:8px;top:auto;left:auto;display:flex;justify-content:space-between}}.performance-stats .perf-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:4px 8px;border-radius:6px;cursor:pointer;font-family:var(--font-family, "Courier New", monospace)}.performance-stats .perf-btn[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.home-page{z-index:2;position:relative;overflow-x:hidden;background:var(--bg)}.home-page .hero-section{position:relative;z-index:9999999999;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.home-page .hero-section .hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}.home-page .hero-section .hero-content .hero-badge{z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;font-size:1.25rem;color:var(--text-secondary);margin-bottom:.5rem}.home-page .hero-section .hero-content .hero-badge .badge-pulse{position:relative;z-index:2;color:var(--success);animation:pulse-dot 2s infinite}.home-page .hero-section .hero-content h1{position:relative;z-index:2;font-size:5.8rem;font-weight:700;margin-bottom:.25rem;color:var(--text);line-height:1.1}.home-page .hero-section .hero-content h1 .subtitle{position:relative;z-index:1000000000000000000000;display:block;font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin:1rem 0 1.5rem}.home-page .hero-section .hero-content .hero-description{position:relative;z-index:2;font-size:1.4rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1rem;line-height:1.6}.home-page .hero-section .hero-content .hero-quote{position:relative;z-index:2;max-width:600px;margin:0 auto 1.5rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-left:5px solid var(--primary);border-radius:50px}.home-page .hero-section .hero-content .hero-quote em{position:relative;z-index:2;font-style:italic;color:var(--text);font-size:1.3rem}.home-page .hero-section .hero-content .hero-quote .quote-mark{position:relative;z-index:2;color:var(--primary);font-size:2.5rem;font-weight:700;opacity:.5}.home-page .hero-section .hero-content .hero-stats{position:relative;z-index:2;display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.home-page .hero-section .hero-content .hero-stats .stat-item{position:relative;z-index:2;text-align:center}.home-page .hero-section .hero-content .hero-stats .stat-item .stat-value{position:relative;z-index:2;display:block;font-size:2.5rem;font-weight:700;color:var(--primary)}.home-page .hero-section .hero-content .hero-stats .stat-item .stat-label{position:relative;z-index:2;font-size:.95rem;color:var(--text-secondary)}.home-page .hero-section .hero-content .hero-actions{position:relative;z-index:2;display:flex;gap:1rem;justify-content:center}.home-page .hero-section .hero-content .hero-actions .btn-github,.home-page .hero-section .hero-content .hero-actions .btn-contact{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:25px;font-weight:500;transition:all .3s ease;text-decoration:none;font-size:1.1rem}.home-page .hero-section .hero-content .hero-actions .btn-github svg,.home-page .hero-section .hero-content .hero-actions .btn-contact svg{font-size:1.5rem}.home-page .hero-section .hero-content .hero-actions .btn-github{background:var(--text);color:var(--bg)}.home-page .hero-section .hero-content .hero-actions .btn-github:hover{transform:translateY(-4px);box-shadow:0 4px 16px #a1ca0e4d}.home-page .hero-section .hero-content .hero-actions .btn-contact{background:var(--primary);color:#fff}.home-page .hero-section .hero-content .hero-actions .btn-contact:hover{transform:translateY(-4px);box-shadow:0 4px 16px #a1ca0e4d}.home-page .about-section{padding:3rem 0;background:var(--bg-secondary);border-top-left-radius:50px;border-top-right-radius:50px}.home-page .about-section .about-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.home-page .about-section .about-grid .about-text p{margin-bottom:1rem;line-height:1.8;color:var(--text-secondary);font-size:1.25rem}.home-page .about-section .about-grid .about-text p strong{color:var(--text)}.home-page .about-section .about-grid .about-text .interests-grid{position:relative;z-index:100000000000;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.home-page .about-section .about-grid .about-text .interests-grid .interest-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px}.home-page .about-section .about-grid .about-text .interests-grid .interest-item svg{color:var(--primary);font-size:1.2rem;margin-top:50px;flex-shrink:0}.home-page .about-section .about-grid .about-text .interests-grid .interest-item div{display:flex;flex-direction:column}.home-page .about-section .about-grid .about-text .interests-grid .interest-item div strong{font-size:1.2rem;color:var(--text)}.home-page .about-section .about-grid .about-text .interests-grid .interest-item div span{margin:1rem 0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.home-page .about-section .about-grid .about-sidebar{display:flex;flex-direction:column;gap:1rem}.home-page .about-section .about-grid .about-sidebar .info-card{padding:1rem;background:var(--bg);border:1px solid var(--border)}.home-page .about-section .about-grid .about-sidebar .info-card h4{font-size:1rem;color:var(--text);margin-bottom:.5rem}.home-page .about-section .about-grid .about-sidebar .info-card ul{list-style:none;padding:0}.home-page .about-section .about-grid .about-sidebar .info-card ul li{padding:.25rem 0;color:var(--text-secondary);font-size:.95rem;border-bottom:1px solid var(--border)}.home-page .about-section .about-grid .about-sidebar .info-card ul li:last-child{border-bottom:none}.home-page .about-section .about-grid .about-sidebar .info-card .language-list .language-item{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--border)}.home-page .about-section .about-grid .about-sidebar .info-card .language-list .language-item:last-child{border-bottom:none}.home-page .about-section .about-grid .about-sidebar .info-card .language-list .language-item .lang-name{color:var(--text);font-size:.95rem}.home-page .about-section .about-grid .about-sidebar .info-card .language-list .language-item .lang-level{font-size:.85rem;color:var(--primary)}.home-page .tech-section{padding:3rem 0;background:var(--bg)}.home-page .tech-section .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.home-page .tech-section .tech-grid .tech-category .tech-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.home-page .tech-section .tech-grid .tech-category .tech-header svg{font-size:1.5rem}.home-page .tech-section .tech-grid .tech-category .tech-header h3{font-size:1.2rem;color:var(--text)}.home-page .tech-section .tech-grid .tech-category .tech-items .tech-item{margin-bottom:.5rem}.home-page .tech-section .tech-grid .tech-category .tech-items .tech-item .tech-name{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:2px}.home-page .tech-section .tech-grid .tech-category .tech-items .tech-item .tech-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:2px}.home-page .tech-section .tech-grid .tech-category .tech-items .tech-item .tech-bar .tech-fill{height:100%;border-radius:3px;transition:width 1s ease}.home-page .tech-section .tech-grid .tech-category .tech-items .tech-item .tech-level{font-size:.8rem;color:var(--text-secondary);float:right}.home-page .tech-section .languages-section{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:25px;border:1px solid var(--border)}.home-page .tech-section .languages-section .languages-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--text);margin-bottom:1rem}.home-page .tech-section .languages-section .languages-title svg{color:var(--primary)}.home-page .tech-section .languages-section .languages-tags{display:flex;flex-wrap:wrap;gap:.5rem}.home-page .tech-section .languages-section .languages-tags .language-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:50px;font-size:.9rem;color:var(--text)}.home-page .tech-section .languages-section .languages-tags .language-tag .tag-level{font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);padding:0 .5rem;border-radius:50px}.home-page .projects-section{padding:3rem 0;background:var(--bg-secondary)}.home-page .projects-section .projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.home-page .projects-section .projects-header .view-all{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);text-decoration:none;font-weight:500}.home-page .projects-section .projects-header .view-all:hover{text-decoration:underline}.home-page .projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.home-page .projects-section .projects-grid .project-card{padding:1.5rem;background:var(--bg);border:1px solid var(--border);border-bottom-right-radius:25px;border-top-left-radius:25px;transition:all .3s ease}.home-page .projects-section .projects-grid .project-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #0000001a}.home-page .projects-section .projects-grid .project-card .project-icon{font-size:2rem;color:var(--primary);margin-bottom:.5rem}.home-page .projects-section .projects-grid .project-card h3{font-size:1.3rem;color:var(--text);margin-bottom:.5rem}.home-page .projects-section .projects-grid .project-card p{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.home-page .projects-section .projects-grid .project-card .project-tech{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.home-page .projects-section .projects-grid .project-card .project-tech .tech-tag{padding:2px .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:.75rem;color:var(--text-secondary)}.home-page .projects-section .projects-grid .project-card .project-links{display:flex;align-items:center;justify-content:space-between}.home-page .projects-section .projects-grid .project-card .project-links .project-link{color:var(--primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.home-page .projects-section .projects-grid .project-card .project-links .project-link:hover{text-decoration:underline}.home-page .projects-section .projects-grid .project-card .project-links .github-link{color:var(--text-secondary);font-size:1.2rem}.home-page .projects-section .projects-grid .project-card .project-links .github-link:hover{color:var(--text)}.home-page .page-footer{padding:2rem 0;border-top:1px solid var(--border);background:var(--bg)}.home-page .page-footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.home-page .page-footer .footer-content .footer-message{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);color:var(--text-secondary);font-size:.9rem}.home-page .page-footer .footer-content .footer-message .footer-icon{color:var(--primary)}.home-page .page-footer .footer-content .footer-social{display:flex;gap:1rem}.home-page .page-footer .footer-content .footer-social .social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);transition:all .3s ease;text-decoration:none}.home-page .page-footer .footer-content .footer-social .social-link:hover{transform:translateY(-2px);border-color:var(--primary)}.home-page .page-footer .footer-content .footer-social .social-link:hover.github{background:#333;color:#fff}.home-page .page-footer .footer-content .footer-social .social-link:hover.linkedin{background:#0a66c2;color:#fff}.home-page .page-footer .footer-content .footer-social .social-link:hover.email{background:var(--primary);color:#fff}.home-page .page-footer .footer-content .footer-year{font-size:.85rem;color:var(--text-secondary)}.home-page .section-title{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:2rem}.home-page .section-title .title-accent{color:var(--primary);font-family:var(--font-mono)}.home-page .section-container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){.home-page .hero-section{min-height:70vh;padding:1.5rem 1rem}.home-page .hero-section .hero-content{padding:1rem}.home-page .hero-section .hero-content h1{font-size:2.8rem}.home-page .hero-section .hero-content .hero-badge,.home-page .hero-section .hero-content .hero-quote em{font-size:1rem}.home-page .hero-section .hero-content .hero-stats{flex-wrap:wrap;gap:1rem}.home-page .hero-section .hero-content .hero-stats .stat-value{font-size:2rem}.home-page .hero-section .hero-content .hero-actions{flex-direction:column;align-items:center}.home-page .about-section .about-grid,.home-page .tech-section .tech-grid,.home-page .projects-section .projects-grid{grid-template-columns:1fr}.home-page .projects-section .projects-header{flex-direction:column;gap:.5rem;text-align:center}.home-page .about-section .about-text .interests-grid{grid-template-columns:1fr}.home-page .section-title{font-size:2rem}}.wiki-layout{display:flex;min-height:70vh;position:relative;gap:0}@media(max-width:968px){.wiki-layout{flex-direction:column}}.wiki-sidebar{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);height:fit-content;min-height:calc(100vh - 200px);position:sticky;top:80px;overflow-y:auto;padding:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.wiki-sidebar::-webkit-scrollbar{width:8px}.wiki-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.wiki-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.wiki-sidebar::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}.wiki-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}.wiki-sidebar.closed{width:0;min-width:0;overflow:hidden;padding:0;border:none}@media(max-width:968px){.wiki-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:100;box-shadow:0 0 40px var(--shadow)}.wiki-sidebar.closed{transform:translate(-100%)}.wiki-sidebar:not(.closed){transform:translate(0)}}.wiki-sidebar-header{padding:0 1rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.wiki-sidebar-header .wiki-brand{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.wiki-sidebar-header .wiki-brand .wiki-brand-icon{font-size:1.3rem}.wiki-sidebar-header .wiki-version{display:inline-block;font-size:.7rem;color:var(--text-secondary);margin-top:.25rem;font-family:Xanh Mono,Courier New,Courier,monospace;background:var(--bg);padding:2px 10px;border-radius:50px;border:1px solid var(--border)}.wiki-nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.wiki-nav .wiki-nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:10px;transition:all .2s ease;font-size:.9rem}.wiki-nav .wiki-nav-item:hover{background:var(--bg);color:var(--text)}.wiki-nav .wiki-nav-item.active{background:var(--primary);color:#fff}.wiki-nav .wiki-nav-item.active .nav-icon{color:#fff}.wiki-nav .wiki-nav-item .nav-icon{font-size:1rem}.wiki-nav .wiki-nav-section{margin:2px 0}.wiki-nav .wiki-nav-section .wiki-nav-section-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;background:none;border:none;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;border-radius:10px;transition:all .2s ease}.wiki-nav .wiki-nav-section .wiki-nav-section-header:hover{background:var(--bg)}.wiki-nav .wiki-nav-section .wiki-nav-section-header .section-icon{font-size:1rem}.wiki-nav .wiki-nav-section .wiki-nav-section-header .section-title{flex:1;text-align:left}.wiki-nav .wiki-nav-section .wiki-nav-section-header .section-arrow{font-size:.6rem;transition:transform .3s ease;color:var(--text-secondary)}.wiki-nav .wiki-nav-section .wiki-nav-section-header .section-arrow.expanded{transform:rotate(90deg)}.wiki-nav .wiki-nav-section .wiki-nav-children{overflow:hidden;padding-left:1rem}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child{display:block;padding:.25rem 1rem .25rem calc(1rem + 20px);color:var(--text-secondary);text-decoration:none;font-size:.85rem;border-radius:10px;transition:all .2s ease;position:relative}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child:before{content:"";position:absolute;left:calc(1rem + 8px);top:50%;width:6px;height:6px;border-radius:50%;background:var(--border);transform:translateY(-50%)}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child:hover{background:var(--bg);color:var(--text)}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child:hover:before{background:var(--primary)}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child.active{background:var(--primary);color:#fff}.wiki-nav .wiki-nav-section .wiki-nav-children .wiki-nav-child.active:before{background:#fff}.wiki-sidebar-footer{padding:1rem;border-top:1px solid var(--border);margin-top:auto}.wiki-sidebar-footer .wiki-github-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all .2s ease;padding:.5rem}.wiki-sidebar-footer .wiki-github-link:hover{color:var(--text);background:var(--bg);border-radius:10px}.wiki-sidebar-footer .wiki-github-link span{font-size:1rem}.wiki-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}@media(max-width:968px){.wiki-overlay{display:block}}.wiki-main{flex:1;padding:2rem 3rem;min-width:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.wiki-main.expanded{padding-left:3rem}@media(max-width:968px){.wiki-main,.wiki-main.expanded{padding:1rem}}@media(max-width:768px){.wiki-main{padding:.5rem}}.wiki-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem}.wiki-header .wiki-header-left{display:flex;align-items:center;gap:1rem}.wiki-header .wiki-header-left .wiki-toggle-btn{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:10px;transition:all .2s ease}.wiki-header .wiki-header-left .wiki-toggle-btn:hover{background:var(--bg-secondary)}@media(max-width:968px){.wiki-header .wiki-header-left .wiki-toggle-btn{display:block}}.wiki-header .wiki-header-left h1{font-size:1.8rem;margin:0;color:var(--text)}@media(max-width:768px){.wiki-header .wiki-header-left h1{font-size:1.3rem}}.wiki-search-container{position:relative;min-width:280px}@media(max-width:968px){.wiki-search-container{min-width:auto;width:100%}}.wiki-search-container .wiki-search-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;padding:0 .5rem;transition:all .2s ease}.wiki-search-container .wiki-search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.wiki-search-container .wiki-search-input-wrapper .search-icon{color:var(--text-secondary);font-size:.9rem;padding:0 .25rem}.wiki-search-container .wiki-search-input-wrapper .wiki-search-input{flex:1;padding:.5rem;background:none;border:none;outline:none;color:var(--text);font-size:.9rem;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wiki-search-container .wiki-search-input-wrapper .wiki-search-input::placeholder{color:var(--text-secondary);font-size:.85rem}.wiki-search-container .wiki-search-input-wrapper .search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;font-size:.8rem;transition:all .2s ease}.wiki-search-container .wiki-search-input-wrapper .search-clear:hover{color:var(--text)}.wiki-search-container .wiki-search-results{position:absolute;top:calc(100% + 4px);right:0;left:0;background:var(--card-bg);border:1px solid var(--border);border-radius:25px;box-shadow:0 8px 32px var(--shadow);max-height:300px;overflow-y:auto;z-index:20;animation:slideDown .2s ease}.wiki-search-container .wiki-search-results::-webkit-scrollbar{width:8px}.wiki-search-container .wiki-search-results::-webkit-scrollbar-track{background:var(--bg-secondary)}.wiki-search-container .wiki-search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.wiki-search-container .wiki-search-results::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}.wiki-search-container .wiki-search-results{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}.wiki-search-container .wiki-search-results .wiki-search-result{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--text);transition:all .2s ease}.wiki-search-container .wiki-search-results .wiki-search-result:hover{background:var(--bg-secondary)}.wiki-search-container .wiki-search-results .wiki-search-result .result-title{font-weight:500;font-size:.95rem}.wiki-search-container .wiki-search-results .wiki-search-result .result-section{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.wiki-page-content{animation:fadeIn .3s ease}.wiki-page-content h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text)}@media(max-width:768px){.wiki-page-content h1{font-size:2rem}}.wiki-page-content h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:var(--text);padding-bottom:.5rem;border-bottom:2px solid var(--border)}@media(max-width:768px){.wiki-page-content h2{font-size:1.5rem}}.wiki-page-content h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text)}@media(max-width:768px){.wiki-page-content h3{font-size:1.1rem}}.wiki-page-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.wiki-page-content ul,.wiki-page-content ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.wiki-page-content ul li,.wiki-page-content ol li{margin-bottom:.5rem;line-height:1.6}.wiki-page-content .wiki-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.wiki-page-content code{background:var(--bg-secondary);padding:2px 8px;border-radius:10px;font-family:Xanh Mono,Courier New,Courier,monospace;font-size:.9em;color:var(--primary);border:1px solid var(--border)}.wiki-page-content .code-block{background:var(--bg-secondary);border-radius:25px;border:1px solid var(--border);padding:1rem;margin:1rem 0;overflow-x:auto;position:relative}.wiki-page-content .code-block:before{content:"⤵ Copy";position:absolute;top:.25rem;right:1rem;font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.5}.wiki-page-content .code-block pre{margin:0}.wiki-page-content .code-block pre code{background:none;border:none;padding:0;color:var(--text);font-size:.85rem;line-height:1.6;display:block;font-family:Xanh Mono,Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-all}.wiki-page-content .wiki-note{display:flex;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:10px;margin:1rem 0}.wiki-page-content .wiki-note .note-icon{font-size:1.5rem;flex-shrink:0;line-height:1.5}.wiki-page-content .wiki-note strong{color:var(--text)}.wiki-page-content .wiki-note ul,.wiki-page-content .wiki-note ol{margin-left:1rem;margin-bottom:0}.wiki-page-content .wiki-warning{border-left-color:var(--danger)}.wiki-page-content .wiki-warning .note-icon{color:var(--danger)}.wiki-page-content .wiki-success{border-left-color:var(--success)}.wiki-page-content .wiki-success .note-icon{color:var(--success)}.wiki-page-content .wiki-navigation-links{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.wiki-page-content .wiki-navigation-links .nav-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);text-decoration:none;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:10px}.wiki-page-content .wiki-navigation-links .nav-link:hover:not(.disabled){background:var(--bg-secondary);transform:translate(4px)}.wiki-page-content .wiki-navigation-links .nav-link.prev:hover:not(.disabled){transform:translate(-4px)}.wiki-page-content .wiki-navigation-links .nav-link.disabled{opacity:.3;cursor:not-allowed}.wiki-page-content .command-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.wiki-page-content .command-table th,.wiki-page-content .command-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.wiki-page-content .command-table th{background:var(--bg-secondary);font-weight:600;color:var(--text)}.wiki-page-content .command-table td{color:var(--text-secondary)}.wiki-page-content .command-table td code{font-size:.8rem}.wiki-page-content .command-table tr:hover td{background:var(--bg-secondary)}@media(max-width:768px){.wiki-page-content .command-table{font-size:.8rem}.wiki-page-content .command-table th,.wiki-page-content .command-table td{padding:.25rem .5rem}}.wiki-index-page .wiki-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.wiki-index-page .wiki-index-grid .wiki-index-card{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:25px;text-decoration:none;color:var(--text);transition:all .3s ease;display:block}.wiki-index-page .wiki-index-grid .wiki-index-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 32px var(--shadow)}.wiki-index-page .wiki-index-grid .wiki-index-card .card-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.wiki-index-page .wiki-index-grid .wiki-index-card h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--text)}.wiki-index-page .wiki-index-grid .wiki-index-card p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.wiki-index-page .wiki-quick-links{margin-top:3rem}.wiki-index-page .wiki-quick-links h2{font-size:1.5rem;margin-bottom:1.5rem}.wiki-index-page .wiki-quick-links .quick-links-grid{display:flex;flex-wrap:wrap;gap:.5rem}.wiki-index-page .wiki-quick-links .quick-links-grid .quick-link{padding:.5rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;color:var(--text);text-decoration:none;font-size:.9rem;transition:all .2s ease}.wiki-index-page .wiki-quick-links .quick-links-grid .quick-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.wiki-command-demo{border:1px solid var(--border);border-radius:25px;overflow:hidden;margin:2rem 0}.wiki-command-demo .demo-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.wiki-command-demo .demo-header:hover{background:var(--bg-hover)}.wiki-command-demo .demo-header .demo-header-left{display:flex;align-items:center;gap:.5rem}.wiki-command-demo .demo-header .demo-header-left .demo-icon{font-size:1.2rem}.wiki-command-demo .demo-header .demo-header-left .demo-title{font-weight:500;color:var(--text);font-size:.95rem}.wiki-command-demo .demo-header .demo-controls{display:flex;align-items:center;gap:.5rem}.wiki-command-demo .demo-header .demo-controls .demo-badge{font-size:.6rem;padding:2px 10px;border-radius:50px;background:var(--primary);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wiki-command-demo .demo-header .demo-controls .demo-toggle{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;transition:all .2s ease}.wiki-command-demo .demo-header .demo-controls .demo-toggle:hover{color:var(--text)}.wiki-command-demo .demo-body{padding:1rem}.wiki-command-demo .demo-body .demo-quick-commands{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;padding:.5rem;background:var(--bg-secondary);border-radius:10px}.wiki-command-demo .demo-body .demo-quick-commands .quick-label{font-size:.75rem;color:var(--text-secondary);padding:.25rem .5rem;display:flex;align-items:center;font-weight:500}.wiki-command-demo .demo-body .demo-quick-commands .quick-command-btn{padding:2px 10px;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-family:Xanh Mono,Courier New,Courier,monospace}.wiki-command-demo .demo-body .demo-quick-commands .quick-command-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.wiki-command-demo .demo-body .demo-quick-commands .quick-command-btn code{background:none;padding:0;border:none;color:inherit;font-size:.75rem}.wiki-command-demo .demo-body .demo-terminal-wrapper .mock-shell-container .terminal-container{max-height:450px;min-height:350px}.wiki-command-demo .demo-body .demo-terminal-wrapper .mock-shell-container .terminal-header.mock-shell .control{opacity:.3;cursor:not-allowed}.wiki-command-demo .demo-body .demo-terminal-wrapper .mock-shell-container .terminal-header.mock-shell .terminal-title{font-size:.8rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.wiki-main{padding:1rem}.wiki-main .wiki-header{flex-direction:column;align-items:stretch}.wiki-main .wiki-header .wiki-header-left .wiki-toggle-btn{display:block}.wiki-search-container{min-width:auto;width:100%}}@media(max-width:768px){.wiki-main{padding:.5rem}.wiki-main .wiki-header .wiki-header-left h1{font-size:1.1rem}.wiki-page-content h1{font-size:1.6rem}.wiki-page-content h2{font-size:1.3rem}.wiki-page-content h3{font-size:1rem}.wiki-page-content .code-block{padding:.5rem;font-size:.8rem}.wiki-command-demo .demo-body{padding:.5rem}.wiki-command-demo .demo-body .demo-quick-commands .quick-command-btn{font-size:.65rem;padding:1px 8px}.wiki-index-page .wiki-index-grid{grid-template-columns:1fr}}.wiki-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:var(--text-secondary)}.wiki-loading:after{content:"...";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.cookies-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlayFadeIn .3s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cookies-overlay{animation:none;opacity:1}}.cookies-banner{position:fixed;bottom:0;left:0;width:100%;z-index:9999;background:var(--bg-secondary);border-top:1px solid var(--border);padding:12px 32px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 -4px 20px var(--shadow)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.cookies-banner{animation:none;opacity:1;transform:translateY(0)}}@media(max-width:768px){.cookies-banner{padding:10px 16px}}@media(max-width:480px){.cookies-banner{padding:8px 12px}}.cookies-banner__inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}@media(max-width:768px){.cookies-banner__inner{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.cookies-banner__inner{flex-direction:column;gap:6px}}.cookies-banner__message{display:flex;align-items:center;gap:12px;flex:1;min-width:0}@media(max-width:768px){.cookies-banner__message{gap:8px;flex:1 1 100%}}@media(max-width:480px){.cookies-banner__message{gap:6px}}.cookies-banner__icon{color:var(--primary);font-size:1.4rem;flex-shrink:0}@media(max-width:768px){.cookies-banner__icon{font-size:1.2rem}}@media(max-width:480px){.cookies-banner__icon{font-size:1rem}}.cookies-banner__text-group{display:flex;flex-direction:column;gap:0;min-width:0}.cookies-banner__title{font-size:.9rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}@media(max-width:768px){.cookies-banner__title{font-size:.85rem}}@media(max-width:480px){.cookies-banner__title{font-size:.8rem}}.cookies-banner__text{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.cookies-banner__text strong{color:var(--text);font-weight:600}@media(max-width:768px){.cookies-banner__text{font-size:.75rem}}@media(max-width:480px){.cookies-banner__text{font-size:.7rem}}.cookies-banner__text--small{font-size:.7rem;opacity:.6}@media(max-width:768px){.cookies-banner__text--small{font-size:.65rem}}@media(max-width:480px){.cookies-banner__text--small{font-size:.6rem}}.cookies-banner__actions{display:flex;gap:8px;flex-shrink:0;align-items:center}@media(max-width:768px){.cookies-banner__actions{gap:6px}}@media(max-width:480px){.cookies-banner__actions{width:100%;justify-content:center;gap:6px}}.cookies-banner__button{padding:6px 20px;font-size:.8rem;border-radius:6px;display:inline-flex;align-items:center;gap:6px;min-height:34px;min-width:44px;justify-content:center;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;font-family:inherit;line-height:1}@media(max-width:768px){.cookies-banner__button{font-size:.75rem;padding:5px 14px;min-height:30px}}@media(max-width:480px){.cookies-banner__button{font-size:.7rem;padding:4px 12px;min-height:28px;flex:1}}.cookies-banner__button svg{font-size:.7rem}.cookies-banner__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cookies-banner__button--accept{background:var(--primary);color:var(--accent-text)}.cookies-banner__button--accept:hover{background:var(--primary-hover);transform:translateY(-1px)}.cookies-banner__button--accept:active{transform:translateY(0)}.cookies-banner__button--close{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.cookies-banner__button--close:hover{background:var(--border);color:var(--text)}@media(prefers-color-scheme:dark){.cookies-overlay{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media(prefers-reduced-motion:reduce){.cookies-banner{animation:none;opacity:1;transform:translateY(0)}.cookies-overlay{animation:none;opacity:1}}.markdown-renderer{margin:2rem 0;width:100%}.markdown-renderer__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.markdown-renderer__toggle:hover{background:var(--border);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.markdown-renderer__toggle:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.markdown-renderer__toggle-icon{font-size:1.1rem;color:var(--primary)}.markdown-renderer__toggle-label{flex:1}.markdown-renderer__toggle-arrow{display:inline-block;font-size:.8rem;transition:transform .3s ease;color:var(--text-secondary)}.markdown-renderer__toggle-arrow.open{transform:rotate(180deg)}.markdown-renderer__content{margin-top:1.5rem;padding:2rem;background:var(--card-bg);border:1px solid var(--border);border-radius:25px;max-height:600px;overflow-y:auto;animation:markdownSlideDown .4s ease}.markdown-renderer__content::-webkit-scrollbar{width:8px}.markdown-renderer__content::-webkit-scrollbar-track{background:var(--bg-secondary)}.markdown-renderer__content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.markdown-renderer__content::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}.markdown-renderer__content{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-secondary)}@media(max-width:768px){.markdown-renderer__content{padding:1rem;max-height:400px}}@media(max-width:480px){.markdown-renderer__content{padding:.5rem;max-height:300px}}.markdown-renderer .markdown-h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:1rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}@media(max-width:768px){.markdown-renderer .markdown-h1{font-size:1.6rem}}@media(max-width:480px){.markdown-renderer .markdown-h1{font-size:1.3rem}}.markdown-renderer .markdown-h2{font-size:1.5rem;font-weight:600;color:var(--text);margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}@media(max-width:768px){.markdown-renderer .markdown-h2{font-size:1.2rem}}@media(max-width:480px){.markdown-renderer .markdown-h2{font-size:1rem}}.markdown-renderer .markdown-h3{font-size:1.2rem;font-weight:600;color:var(--text);margin-top:1.5rem;margin-bottom:.5rem}@media(max-width:768px){.markdown-renderer .markdown-h3{font-size:1rem}}.markdown-renderer .markdown-h4{font-size:1rem;font-weight:600;color:var(--text);margin-top:1rem;margin-bottom:.25rem}.markdown-renderer .markdown-p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.markdown-renderer .markdown-p:last-child{margin-bottom:0}.markdown-renderer .markdown-strong{color:var(--text);font-weight:600}.markdown-renderer .markdown-em{font-style:italic}.markdown-renderer .markdown-inline-code{background:var(--bg-secondary);padding:2px 8px;border-radius:10px;font-family:Xanh Mono,Courier New,Courier,monospace;font-size:.9em;color:var(--primary);border:1px solid var(--border)}.markdown-renderer .markdown-code-block{background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border);margin:1rem 0;overflow:hidden}.markdown-renderer .markdown-code-block__header{display:flex;align-items:center;gap:.5rem;padding:.25rem 1rem;background:var(--bg);border-bottom:1px solid var(--border);min-height:36px;flex-wrap:wrap}.markdown-renderer .markdown-code-block__header .markdown-code-block__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.markdown-renderer .markdown-code-block__header .markdown-code-block__dot--red{background:#ff5f57}.markdown-renderer .markdown-code-block__header .markdown-code-block__dot--yellow{background:#ffbd2e}.markdown-renderer .markdown-code-block__header .markdown-code-block__dot--green{background:#28ca42}.markdown-renderer .markdown-code-block__header .markdown-code-block__lang{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600;margin-left:.5rem;flex:1}.markdown-renderer .markdown-code-block__header .markdown-code-block__copy{display:inline-flex;align-items:center;gap:.25rem;padding:2px 10px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.markdown-renderer .markdown-code-block__header .markdown-code-block__copy:hover{background:var(--border);color:var(--text);transform:scale(1.05)}.markdown-renderer .markdown-code-block__header .markdown-code-block__copy svg{font-size:.8rem}.markdown-renderer .markdown-code-block__pre{margin:0;padding:1rem;overflow-x:auto}@media(max-width:480px){.markdown-renderer .markdown-code-block__pre{padding:.5rem}}.markdown-renderer .markdown-code-block__code{font-family:Xanh Mono,Courier New,Courier,monospace;font-size:.85rem;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-all}@media(max-width:480px){.markdown-renderer .markdown-code-block__code{font-size:.75rem}}.markdown-renderer .markdown-ul,.markdown-renderer .markdown-ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}@media(max-width:480px){.markdown-renderer .markdown-ul,.markdown-renderer .markdown-ol{margin-left:1rem}}.markdown-renderer .markdown-li{margin-bottom:.25rem;line-height:1.6}.markdown-renderer .markdown-li:last-child{margin-bottom:0}.markdown-renderer .markdown-blockquote{border-left:4px solid var(--primary);padding:.5rem 1.5rem;margin:1rem 0;background:var(--bg-secondary);border-radius:0 10px 10px 0;color:var(--text-secondary)}.markdown-renderer .markdown-blockquote .markdown-p{margin:0}@media(max-width:480px){.markdown-renderer .markdown-blockquote{padding:.5rem 1rem}}.markdown-renderer .markdown-link{color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary);transition:all .2s ease}.markdown-renderer .markdown-link:hover{color:var(--primary-hover);border-bottom-color:var(--primary-hover)}.markdown-renderer .markdown-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}@media(max-width:600px){.markdown-renderer .markdown-table{font-size:.8rem;display:block;overflow-x:auto;white-space:nowrap}}.markdown-renderer .markdown-thead{background:var(--bg-secondary)}.markdown-renderer .markdown-th{padding:.5rem 1rem;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border)}@media(max-width:480px){.markdown-renderer .markdown-th{padding:.25rem .5rem}}.markdown-renderer .markdown-td{padding:.5rem 1rem;text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border)}@media(max-width:480px){.markdown-renderer .markdown-td{padding:.25rem .5rem}}.markdown-renderer .markdown-tr:hover .markdown-td{background:var(--bg-secondary)}.markdown-renderer .markdown-img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--border);margin:1rem 0}@media(max-width:768px){.markdown-renderer .markdown-img{margin:.5rem 0}}.markdown-renderer .markdown-hr{border:none;border-top:2px solid var(--border);margin:2rem 0}@media(max-width:768px){.markdown-renderer .markdown-hr{margin:1.5rem 0}}@keyframes markdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.markdown-renderer__content{animation:none;opacity:1;transform:none}.markdown-renderer__toggle-arrow{transition:none}}@media(prefers-color-scheme:dark){.markdown-renderer__content{background:var(--card-bg);border-color:var(--border)}.markdown-code-block{background:var(--bg-secondary);border-color:var(--border)}.markdown-code-block__header{background:var(--bg);border-color:var(--border)}.markdown-code-block__code{color:var(--text)}.markdown-blockquote,.markdown-table .markdown-thead{background:var(--bg-secondary)}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent!important;position:relative;overflow:hidden}.notfound-page.page{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}@media(max-width:768px){.notfound-page{padding:1rem}}.notfound-content{background:transparent!important;box-shadow:none!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:600px;width:100%;text-align:center;position:relative;z-index:2}.notfound-header{background:transparent!important;box-shadow:none!important;border:none!important;display:flex;flex-direction:column;align-items:center;gap:1rem}.notfound-code{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:8rem;font-weight:800;line-height:1;color:var(--text);letter-spacing:-.05em;margin-bottom:.5rem;font-family:Glory,Helvetica Neue,Arial,sans-serif}@media(max-width:768px){.notfound-code{font-size:5rem}}@media(max-width:480px){.notfound-code{font-size:4rem}}.notfound-code__number{display:inline-block;color:var(--text)}.notfound-code__number--zero{color:var(--primary);animation:zeroFloat 3s ease-in-out infinite}.notfound-title{font-size:2.5rem;font-weight:700;color:var(--accent-text-primary);margin:0;letter-spacing:-.02em}@media(max-width:768px){.notfound-title{font-size:2rem}}@media(max-width:480px){.notfound-title{font-size:1.5rem}}.notfound-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;line-height:1.6;max-width:480px}@media(max-width:768px){.notfound-subtitle{font-size:1rem}}.notfound-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;font-size:.85rem;color:var(--text-secondary);margin:0}.notfound-status svg{color:var(--primary);font-size:1rem}.notfound-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}@media(max-width:480px){.notfound-actions{flex-direction:column;width:100%;gap:.5rem}}.notfound-btn{min-width:160px;justify-content:center;font-size:1rem;padding:1rem 2rem;text-decoration:none}@media(max-width:480px){.notfound-btn{width:100%;min-width:auto;padding:.5rem 1.5rem}}.notfound-btn svg{font-size:1.1rem}.notfound-btn--primary{background:var(--primary);color:var(--accent-text);border-color:var(--primary)}.notfound-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3)}.notfound-btn--secondary{background:transparent;color:var(--text);border:2px solid var(--border)}.notfound-btn--secondary:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px)}.notfound-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);opacity:.6;margin:0}.notfound-hint svg{font-size:.9rem}@keyframes zeroFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}@media(prefers-reduced-motion:reduce){.notfound-code__number--zero{animation:none}.notfound-header{animation:none;opacity:1;transform:none}}.webshell{font-family:var(--font-family);font-size:var(--font-size);line-height:1.4;width:100%;max-width:var(--max-width);margin:0 auto}.terminal-container{display:flex;flex-direction:column;width:100%;min-height:70vh;max-height:70vh;background:#1e1e1e;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 10px var(--shadow-depth) #00000080,inset 0 1px #ffffff1a;transition:all var(--transition-speed) ease}.terminal-container:hover{box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a;box-shadow:0 15px 15px #000000e6,inset 0 1px #99ff00d2,2px 10px 12px #ffffff26}.terminal-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,#3c3c3c,var(--header-color));border-bottom:1px solid #1a1a1a;padding:8px 12px;height:30px;box-sizing:border-box}.terminal-header .theme-selector-dropdown{z-index:1000;position:absolute}.terminal-header .terminal-controls{display:flex;gap:6px}.terminal-header .terminal-controls .control.close{width:12px;height:12px;border-radius:50%;cursor:pointer;background:#ff5f57;transition:all .2s ease}.terminal-header .terminal-controls .control.close:hover{background:#ff908a;transform:scale(1.1)}.terminal-header .terminal-controls .control.minimize{width:12px;height:12px;border-radius:50%;cursor:pointer;background:#ffbd2e;transition:all .2s ease}.terminal-header .terminal-controls .control.minimize:hover{background:#ffcd61;transform:scale(1.1)}.terminal-header .terminal-controls .control.maximize{width:12px;height:12px;border-radius:50%;cursor:pointer;background:#28ca42;transition:all .2s ease}.terminal-header .terminal-controls .control.maximize:hover{background:#4adb61;transform:scale(1.1)}.terminal-header .terminal-title{color:#c7c7c7;font-size:12px;font-weight:500;text-align:center;flex:1;margin:0 20px}.terminal-header .connection-status{position:relative;cursor:pointer}.terminal-header .connection-status .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.terminal-header .connection-status .status-dot.connected{background:var(--primary-color);box-shadow:0 0 6px #0f09}.terminal-header .connection-status .status-dot.disconnected{background:var(--error-color);box-shadow:0 0 6px #ff6b6b99}.terminal-body{background:var(--background-color);flex:1;overflow-y:auto;padding:16px;color:var(--primary-color);text-shadow:0 0 3px rgba(157,255,0,var(--glow-intensity))}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#1a1a1a}.terminal-body::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.terminal-body{cursor:text}.terminal-output{margin-bottom:8px;margin-left:8px}.terminal-output .output-line{margin:2px 0;white-space:pre-wrap;word-wrap:break-word}.terminal-output .output-line .line{margin:1px 0}.terminal-output .output-line.system{color:var(--warning-color);text-shadow:0 0 3px rgba(255,255,0,var(--glow-intensity))}.terminal-output .output-line.system .line:first-child{font-weight:700}.terminal-output .output-line.command{color:#fff;text-shadow:0 0 3px rgba(255,255,255,.2);margin:8px 0 4px}.terminal-output .output-line.response{color:var(--primary-color);margin:4px 0 8px}.terminal-output .output-line.response .line:first-child{color:var(--info-color);font-weight:700;text-shadow:0 0 3px rgba(0,221,221,.4)}.terminal-output .output-line.error{color:var(--error-color);text-shadow:0 0 3px rgba(255,107,107,var(--glow-intensity));margin:4px 0}.terminal-output .output-line.typing{color:#666}.terminal-output .output-line.typing .typing-indicator{animation:typing-pulse 1.5s infinite;color:var(--primary-color)}.terminal-output .output-line.streaming{color:var(--primary-color);margin:0}.terminal-output .output-line.streaming .line{margin:0;white-space:pre}.terminal-input-container{display:flex;align-items:center;margin-top:8px}.terminal-prompt{color:var(--primary-color);text-shadow:0 0 3px rgba(0,255,0,var(--glow-intensity));font-weight:700;margin-right:8px;flex-shrink:0}.terminal-prompt .prompt-user{color:#0d0}.terminal-prompt .prompt-separator{color:#fff}.terminal-prompt .prompt-path{color:#08f;text-shadow:0 0 3px rgba(0,136,255,var(--glow-intensity))}.terminal-prompt .prompt-symbol{color:#fff;margin-left:2px}.terminal-input{background:transparent;border:none;outline:none;color:var(--primary-color);text-shadow:0 0 3px rgba(0,255,0,var(--glow-intensity));font-family:var(--font-family);font-size:var(--font-size);width:100%;caret-color:var(--primary-color)}.terminal-input::selection{background:#0f03}.terminal-input::placeholder{color:#00ff0080;font-style:italic}.terminal-input:disabled{opacity:.6;cursor:not-allowed}@keyframes typing-pulse{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes terminal-startup{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes glow-pulse{0%,to{text-shadow:0 0 3px rgba(0,255,0,.3)}50%{text-shadow:0 0 6px rgba(0,255,0,.6)}}.terminal-container,.auth-screen{animation:terminal-startup .6s ease-out}.terminal-prompt .prompt-symbol{animation:glow-pulse 2s infinite}.webshell.standalone-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;z-index:99999!important}.webshell.standalone-mode .terminal-container{border-radius:0!important;min-height:100vh!important;max-height:100vh!important;height:100vh!important;width:100vw!important;max-width:100vw!important}.webshell.standalone-mode .terminal-container:hover{box-shadow:none!important}.webshell.standalone-mode .terminal-body{flex:1!important;height:auto!important;min-height:0!important}.connection-status{position:relative;cursor:pointer}.app-menu-container{position:absolute;right:0;top:100%;z-index:1000}.app-menu{min-width:200px;background:#282828fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #ffffff0f;padding:4px 0;font-size:13px}.app-menu-item{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;color:#fff;cursor:pointer;transition:background-color .1s ease}.app-menu-item:hover{background:var(--primary-color);color:#000}.app-menu-item.has-submenu:after{font-size:10px;margin-left:auto;opacity:.6}.menu-label{font-weight:400;letter-spacing:-.01em}.app-menu-separator{height:1px;background:#ffffff1a;margin:4px 0}.app-submenu{position:fixed;min-width:160px;background:#282828fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0009;padding:4px 0;font-size:13px}[data-fullscreen=true] html,[data-fullscreen=true] body{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important}[data-fullscreen=true] .navbar,[data-fullscreen=true] .footer,[data-fullscreen=true] nav,[data-fullscreen=true] footer{display:none!important}[data-fullscreen=true] #root,[data-fullscreen=true] .app,[data-fullscreen=true] .main-content,[data-fullscreen=true] .standalone-content{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:9999!important;display:flex!important;flex-direction:column!important}[data-fullscreen=true] .webshell{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;flex:1!important;display:flex!important;flex-direction:column!important}[data-fullscreen=true] .terminal-container{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-height:100vh!important;border-radius:0!important;margin:0!important;padding:0!important;flex:1!important;display:flex!important;flex-direction:column!important}[data-fullscreen=true] .terminal-body{flex:1!important;height:auto!important;min-height:0!important;overflow-y:auto!important}[data-fullscreen=true] .terminal-header{border-radius:0!important}[data-fullscreen=true] .terminal-input-container{flex-shrink:0!important}.auth-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.auth-modal .auth-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-modal .auth-container{position:relative;background:var(--background-color);border:1px solid rgba(203,203,203,.756);border-radius:2px;padding:30px;text-align:center;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;z-index:1001}.auth-modal .auth-icon{font-size:5em;margin-bottom:10px}.auth-modal .auth-icon.red{color:var(--error-color)}.auth-modal .auth-icon.info{color:var(--info-color)}.auth-modal .auth-header{margin-bottom:25px}.auth-modal .auth-header h2{color:var(--primary-color);margin:0 0 10px;font-size:1.3em}.auth-modal .auth-header p{color:#ccc;margin:0;font-size:.9em}.auth-modal .auth-form{margin-bottom:20px}.auth-modal .auth-form .auth-input{width:100%;background:#000000b3;border:1px solid rgba(0,255,0,.5);border-radius:4px;padding:10px;color:var(--primary-color);font-family:var(--font-family);margin-bottom:15px;box-sizing:border-box}.auth-modal .auth-form .auth-input:focus{outline:none;border-color:var(--primary-color)}.auth-modal .auth-button{width:100%;background:var(--primary-color);border:none;border-radius:4px;padding:10px;color:#000;font-family:var(--font-family);font-weight:700;cursor:pointer;margin-top:20px}.auth-modal .auth-button:hover:not(:disabled){opacity:.8}.auth-modal .auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-modal .auth-error{background:#ff00001a;border:1px solid #ff4444;border-radius:4px;padding:10px;color:#f44;font-size:.9em;margin-bottom:15px}.auth-modal .connection-status{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.auth-modal .connection-status .status-indicator{font-size:1em}.auth-modal .connection-status .status-indicator.connected{color:var(--primary-color)}.auth-modal .connection-status .status-indicator.disconnected{color:var(--error-color)}.help-content{text-align:left;margin:20px 0;overflow-y:auto}.help-content .help-section{margin-bottom:20px}.help-content .help-section h3{color:var(--primary-color);font-size:1.1em;margin-bottom:10px;border-bottom:1px solid rgba(0,255,0,.3);padding-bottom:5px}.help-content .help-section ul{list-style:none;padding:0;margin:0}.help-content .help-section ul li{padding:4px 0;color:#ccc}.help-content .help-section ul li code,.help-content .help-section ul li kbd{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:3px;padding:2px 6px;color:var(--primary-color);font-family:var(--font-family);font-size:.9em}.help-content .help-section ul li kbd{border-color:#ffffff4d;color:#fff}.help-content .help-section ul li svg{width:.5em}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-track{background:#1a1a1a}.about-content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.about-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.about-content{text-align:left;margin:20px 0;overflow-y:auto}.about-content .about-section{margin-bottom:20px}.about-content .about-section h3{color:var(--primary-color);font-size:1.1em;margin-bottom:12px;border-bottom:1px solid rgba(0,255,0,.3);padding-bottom:5px;font-weight:600}.about-content .about-section .about-info{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.about-content .about-section .about-info:last-child{border-bottom:none}.about-content .about-section .about-info .info-label{color:var(--info-color);font-weight:500;font-size:.9em}.about-content .about-section .about-info .info-value{color:var(--primary-color);font-family:var(--font-family);font-size:.9em}.about-content .about-section .tech-stack .tech-category{padding:6px 0;color:#ccc;font-size:.9em;line-height:1.5}.about-content .about-section .tech-stack .tech-category strong{color:var(--secondary-color);margin-right:8px}.about-content .about-section .architecture-info p{margin:6px 0;color:#ccc;font-size:.9em;line-height:1.5}.about-content .about-section .architecture-info p:before{content:"";display:inline-block;width:4px;height:4px;background:var(--primary-color);border-radius:50%;margin-right:8px;margin-left:8px}.about-content .about-section .about-links{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:1em}.about-content .about-section .about-links svg{margin:0 1em 0 0}.about-content .about-section .about-links a{color:var(--info-color);text-decoration:none;font-size:.9em;padding:6px 10px;border:1px solid rgba(0,221,221,.3);border-radius:4px;transition:all .2s ease}.about-content .about-section .about-links a:hover{background:#00dddd1a;border-color:var(--info-color);color:#fff}.about-content .about-section .about-links a:active{transform:translateY(1px)}:root[data-webshell-theme=light]{--primary-color: #2d2d2d;--secondary-color: #555555;--accent-color: #0066cc;--background-color: rgb(230, 235, 219);--header-color: #e8edd8;--border-color: #b8c5a3;--text-dim: #777777;--error-color: #d63031;--warning-color: #e17000;--info-color: #0984e3;--success-color: #00b894;--light-surface: #f5f8f0;--light-border: #c4d1b0;--light-text-muted: #999999;--light-hover: rgba(0, 102, 204, .08);--light-active: rgba(0, 102, 204, .12)}.webshell[data-webshell-theme=light]{font-family:Inter,SF Pro Text,Segoe UI,sans-serif!important;font-weight:400!important}.webshell[data-webshell-theme=light] .terminal-container{background:#e6ebdb!important;border:1px solid #b8c5a3!important;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000001a,inset 0 1px #fffc!important}.webshell[data-webshell-theme=light] .terminal-container:hover{box-shadow:0 8px 25px #00000014,0 2px 6px #0000001f,0 0 0 1px #06c3,inset 0 1px #ffffffe6!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header{background:linear-gradient(to bottom,#e8edd8,#dde2cd)!important;border-bottom:1px solid #c4d1b0!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control{width:12px!important;height:12px!important;border:.5px solid rgba(0,0,0,.2)!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control:hover{border-color:#0006!important;transform:scale(1.05)!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.close{background:#ff5f57!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.close:hover{background:#ff4744!important;box-shadow:0 1px 4px #ff5f5766!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.minimize{background:#ffbd2e!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.minimize:hover{background:#ffaa1b!important;box-shadow:0 1px 4px #ffbd2e66!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.maximize{background:#28ca42!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-controls .control.maximize:hover{background:#20b038!important;box-shadow:0 1px 4px #28ca4266!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .terminal-title{color:#777!important;font-weight:500!important;font-size:12px!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .connection-status .status-dot{border:1px solid rgba(0,0,0,.15)!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .connection-status .status-dot.connected{background:#00b894!important;box-shadow:0 0 4px #00b89466!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-header .connection-status .status-dot.disconnected{background:#d63031!important;box-shadow:0 0 4px #d6303166!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-body{background:#e6ebdb!important;color:#2d2d2d!important;font-family:JetBrains Mono,SF Mono,Cascadia Code,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-body::-webkit-scrollbar{width:8px!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-body::-webkit-scrollbar-track{background:#f5f8f0!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-body::-webkit-scrollbar-thumb{background:#b8c5a3!important;border-radius:4px!important}.webshell[data-webshell-theme=light] .terminal-container .terminal-body::-webkit-scrollbar-thumb:hover{background:#a5b28f!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.system{color:#e17000!important;font-weight:500!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.system .line:first-child{color:#06c!important;font-weight:600!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.command{color:#2d2d2d!important;font-weight:500!important;background:#0066cc0d!important;border-left:2px solid #0066cc!important;padding-left:6px!important;margin-left:-6px!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.response{color:#555!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.response .line:first-child{color:#0984e3!important;font-weight:500!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.error{color:#d63031!important;font-weight:500!important;background:#d630310f!important;border-left:2px solid #d63031!important;padding-left:6px!important;margin-left:-6px!important}.webshell[data-webshell-theme=light] .terminal-output .output-line.streaming{color:#555!important}.webshell[data-webshell-theme=light] .terminal-prompt .prompt-user{color:#06c!important;font-weight:600!important}.webshell[data-webshell-theme=light] .terminal-prompt .prompt-separator{color:#777!important}.webshell[data-webshell-theme=light] .terminal-prompt .prompt-path{color:#0984e3!important;font-weight:500!important}.webshell[data-webshell-theme=light] .terminal-prompt .prompt-symbol{color:#2d2d2d!important;font-weight:600!important;animation:light-cursor 1s infinite!important}.webshell[data-webshell-theme=light] .terminal-input{color:#2d2d2d!important;caret-color:#06c!important;font-family:JetBrains Mono,SF Mono,Cascadia Code,monospace!important}.webshell[data-webshell-theme=light] .terminal-input::selection{background:#06c3!important}.webshell[data-webshell-theme=light] .terminal-input::placeholder{color:#999!important;font-style:normal!important}.webshell[data-webshell-theme=light] .terminal-body,.webshell[data-webshell-theme=light] .terminal-output .output-line,.webshell[data-webshell-theme=light] .terminal-prompt span,.webshell[data-webshell-theme=light] .terminal-input{text-shadow:none!important}.webshell[data-webshell-theme=light] .app-menu-container{font-family:Inter,SF Pro Text,Segoe UI,sans-serif!important}.webshell[data-webshell-theme=light] .app-menu{font-size:13px!important;font-weight:400!important;background:#f5f8f0f2!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid #c4d1b0!important;box-shadow:0 4px 20px #00000014!important}.webshell[data-webshell-theme=light] .app-menu-item{color:#2d2d2d!important;font-weight:400!important}.webshell[data-webshell-theme=light] .app-menu-item:hover{background:#0066cc14!important;color:#06c!important}.webshell[data-webshell-theme=light] .app-menu-item.active{background:#0066cc1f!important;color:#06c!important;font-weight:500!important}.webshell[data-webshell-theme=light] .app-menu-item .menu-label{font-weight:inherit!important}.webshell[data-webshell-theme=light] .app-menu-item .active-indicator{color:#06c!important}.webshell[data-webshell-theme=light] .app-menu-item .submenu-arrow{color:#777!important}.webshell[data-webshell-theme=light] .app-menu-separator{background:#c4d1b0!important}.webshell[data-webshell-theme=light] .app-submenu{background:#f5f8f0f2!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid #c4d1b0!important;box-shadow:0 3px 15px #0000000f!important;font-size:13px!important}@keyframes light-cursor{0%,50%{opacity:1}51%,to{opacity:.5}}:root[data-webshell-theme=minimal]{--primary-color: #ffffff;--secondary-color: #60cdff;--accent-color: #0078d4;--background-color: #202020;--header-color: #2d2d30;--border-color: #3c3c3c;--text-dim: #cccccc;--error-color: #ff6b6b;--warning-color: #ffcc02;--info-color: #60cdff;--success-color: #6bcf7f;--win11-surface: #2c2c2c;--win11-border: #404040;--win11-hover: rgba(96, 205, 255, .1);--win11-active: rgba(96, 205, 255, .2);--win11-glass: rgba(44, 44, 44, .7)}.webshell[data-webshell-theme=minimal]{font-family:Segoe UI Variable,Segoe UI,sans-serif!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-container{background:#202020!important;border:1px solid #3c3c3c!important;border-radius:8px!important;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003!important}.webshell[data-webshell-theme=minimal] .terminal-container:hover{box-shadow:0 16px 40px #0006,0 4px 12px #0000004d,0 0 0 1px #60cdff33!important;transition:all .2s ease!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header{background:linear-gradient(to bottom,#2d2d30,#262629)!important;border-bottom:1px solid #3c3c3c!important;border-radius:8px 8px 0 0!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-controls .control{width:12px!important;height:12px!important;border-radius:2px!important;border:1px solid rgba(255,255,255,.1)!important;background:transparent!important;transition:all .1s ease!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-controls .control:hover{border-color:#ffffff4d!important;background:#ffffff0d!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-controls .control.close:hover{background:#c42b1c!important;border-color:#c42b1c!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-controls .control.minimize:hover{background:#ca5010!important;border-color:#ca5010!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-controls .control.maximize:hover{background:#0078d4!important;border-color:#0078d4!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .terminal-title{color:#ccc!important;font-weight:400!important;font-size:12px!important;font-family:Segoe UI Variable,Segoe UI,sans-serif!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .connection-status .status-dot{width:8px!important;height:8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:2px!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .connection-status .status-dot.connected{background:#6bcf7f!important;border-color:#6bcf7f!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-header .connection-status .status-dot.disconnected{background:#ff6b6b!important;border-color:#ff6b6b!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-body{background:#202020!important;color:#fff!important;font-family:Cascadia Code,Consolas,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-body::-webkit-scrollbar{width:12px!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-body::-webkit-scrollbar-track{background:#2c2c2c!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-body::-webkit-scrollbar-thumb{background:#404040!important;border-radius:6px!important;border:2px solid #202020!important}.webshell[data-webshell-theme=minimal] .terminal-container .terminal-body::-webkit-scrollbar-thumb:hover{background:#60cdff!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.system{color:#ccc!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.system .line:first-child{color:#60cdff!important;font-weight:500!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.command{color:#fff!important;font-weight:400!important;background:#60cdff0d!important;border-left:2px solid #60cdff!important;padding-left:6px!important;margin-left:-6px!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.response{color:#ccc!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.response .line:first-child{color:#60cdff!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.error{color:#ff6b6b!important;font-weight:400!important;background:#ff6b6b14!important;border-left:2px solid #ff6b6b!important;padding-left:6px!important;margin-left:-6px!important}.webshell[data-webshell-theme=minimal] .terminal-output .output-line.streaming{color:#ccc!important}.webshell[data-webshell-theme=minimal] .terminal-prompt .prompt-user{color:#60cdff!important;font-weight:800!important}.webshell[data-webshell-theme=minimal] .terminal-prompt .prompt-separator{color:#ccc!important}.webshell[data-webshell-theme=minimal] .terminal-prompt .prompt-path{color:#0078d4!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-prompt .prompt-symbol{color:#fff!important;font-weight:400!important;animation:minimal-blink 1s infinite!important}.webshell[data-webshell-theme=minimal] .terminal-input{color:#fff!important;caret-color:#60cdff!important;font-family:Cascadia Code,Consolas,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .terminal-input::selection{background:#60cdff4d!important}.webshell[data-webshell-theme=minimal] .terminal-input::placeholder{color:gray!important;font-style:normal!important}.webshell[data-webshell-theme=minimal] .terminal-body,.webshell[data-webshell-theme=minimal] .terminal-output .output-line,.webshell[data-webshell-theme=minimal] .terminal-prompt span,.webshell[data-webshell-theme=minimal] .terminal-input{text-shadow:none!important}.webshell[data-webshell-theme=minimal] .app-menu-container{font-family:Segoe UI Variable,Segoe UI,sans-serif!important}.webshell[data-webshell-theme=minimal] .app-menu{background:#2c2c2cd9!important;-webkit-backdrop-filter:blur(40px) saturate(120%)!important;backdrop-filter:blur(40px) saturate(120%)!important;border:1px solid #404040!important;border-radius:8px!important;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003!important;font-size:14px!important;font-weight:400!important}.webshell[data-webshell-theme=minimal] .app-menu-item{color:#fff!important;font-weight:400!important;border-radius:4px!important;margin:1px 4px!important;transition:all .1s ease!important}.webshell[data-webshell-theme=minimal] .app-menu-item:hover{background:#60cdff1a!important;color:#60cdff!important}.webshell[data-webshell-theme=minimal] .app-menu-item.active{background:#60cdff33!important;color:#60cdff!important;font-weight:500!important}.webshell[data-webshell-theme=minimal] .app-menu-item .menu-label{font-weight:inherit!important}.webshell[data-webshell-theme=minimal] .app-menu-item .active-indicator{color:#60cdff!important}.webshell[data-webshell-theme=minimal] .app-menu-item .submenu-arrow{color:#ccc!important}.webshell[data-webshell-theme=minimal] .app-menu-separator{background:#404040!important;margin:4px 8px!important;height:1px!important}.webshell[data-webshell-theme=minimal] .app-submenu{background:#2c2c2cd9!important;-webkit-backdrop-filter:blur(40px) saturate(120%)!important;backdrop-filter:blur(40px) saturate(120%)!important;border:1px solid #404040!important;border-radius:6px!important;box-shadow:0 6px 24px #00000040,0 2px 6px #00000026!important;font-size:14px!important}@keyframes minimal-blink{0%,50%{opacity:1}51%,to{opacity:.6}}:root[data-webshell-theme=monokai]{--primary-color: #f8f8f2;--secondary-color: #cfcfc2;--accent-color: #a6e22e;--background-color: #272822;--header-color: #3e3d32;--border-color: #49483e;--text-dim: #75715e;--error-color: #f92672;--warning-color: #e6db74;--info-color: #66d9ef;--success-color: #a6e22e;--monokai-pink: #f92672;--monokai-orange: #fd971f;--monokai-yellow: #e6db74;--monokai-green: #a6e22e;--monokai-cyan: #66d9ef;--monokai-purple: #ae81ff;--monokai-comment: #75715e;--monokai-hover: rgba(166, 226, 46, .1);--monokai-active: rgba(166, 226, 46, .2)}.webshell[data-webshell-theme=monokai]{font-family:Fira Code,SF Mono,Consolas,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=monokai] .terminal-container{background:#272822!important;border:1px solid #49483e!important;box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d,inset 0 1px #a6e22e1a!important}.webshell[data-webshell-theme=monokai] .terminal-container:hover{box-shadow:0 12px 40px #0009,0 6px 20px #0006,0 0 0 1px #a6e22e4d,inset 0 1px #a6e22e26!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header{background:linear-gradient(to bottom,#3e3d32,#2f2e23)!important;border-bottom:1px solid #49483e!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control{width:13px!important;height:13px!important;border:1px solid rgba(248,248,242,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control:hover{border-color:#f8f8f266!important;transform:scale(1.1)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.close{background:linear-gradient(135deg,#f92672,#c91e4a)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.close:hover{background:linear-gradient(135deg,#fb4085,#f92672)!important;box-shadow:0 2px 8px #f9267280!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.minimize{background:linear-gradient(135deg,#e6db74,#d4c85c)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.minimize:hover{background:linear-gradient(135deg,#f4ed87,#e6db74)!important;box-shadow:0 2px 8px #e6db7480!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.maximize{background:linear-gradient(135deg,#a6e22e,#8bc127)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-controls .control.maximize:hover{background:linear-gradient(135deg,#b8e749,#a6e22e)!important;box-shadow:0 2px 8px #a6e22e80!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .terminal-title{color:#75715e!important;font-weight:500!important;font-size:12px!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .connection-status .status-dot{border:1px solid rgba(248,248,242,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .connection-status .status-dot.connected{background:#a6e22e!important;box-shadow:0 0 8px #a6e22e99!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-header .connection-status .status-dot.disconnected{background:#f92672!important;box-shadow:0 0 8px #f9267299!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-body{background:#272822!important;color:#f8f8f2!important;font-family:Fira Code,SF Mono,Consolas,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-body::-webkit-scrollbar{width:10px!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-body::-webkit-scrollbar-track{background:#1e1f1c!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a6e22e,#66d9ef)!important;border-radius:5px!important}.webshell[data-webshell-theme=monokai] .terminal-container .terminal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b8e749,#7ee8ff)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.system{color:#e6db74!important;font-weight:500!important;text-shadow:0 0 4px rgba(230,219,116,.3)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.system .line:first-child{color:#fd971f!important;font-weight:600!important;text-shadow:0 0 6px rgba(253,151,31,.4)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.command{color:#f8f8f2!important;font-weight:500!important;background:#a6e22e14!important;border-left:3px solid #a6e22e!important;padding-left:8px!important;margin-left:-8px!important;text-shadow:0 0 3px rgba(248,248,242,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.response{color:#cfcfc2!important;text-shadow:0 0 2px rgba(207,207,194,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.response .line:first-child{color:#66d9ef!important;font-weight:500!important;text-shadow:0 0 4px rgba(102,217,239,.4)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.error{color:#f92672!important;font-weight:500!important;background:#f926721a!important;border-left:3px solid #f92672!important;padding-left:8px!important;margin-left:-8px!important;text-shadow:0 0 4px rgba(249,38,114,.4)!important}.webshell[data-webshell-theme=monokai] .terminal-output .output-line.streaming{color:#cfcfc2!important;text-shadow:0 0 2px rgba(207,207,194,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-prompt .prompt-user{color:#a6e22e!important;font-weight:600!important;text-shadow:0 0 4px rgba(166,226,46,.4)!important}.webshell[data-webshell-theme=monokai] .terminal-prompt .prompt-separator{color:#75715e!important}.webshell[data-webshell-theme=monokai] .terminal-prompt .prompt-path{color:#66d9ef!important;font-weight:500!important;text-shadow:0 0 3px rgba(102,217,239,.3)!important}.webshell[data-webshell-theme=monokai] .terminal-prompt .prompt-symbol{color:#f8f8f2!important;font-weight:600!important;animation:monokai-glow 1.5s infinite!important;text-shadow:0 0 4px rgba(248,248,242,.3)!important}.webshell[data-webshell-theme=monokai] .terminal-input{color:#f8f8f2!important;caret-color:#a6e22e!important;font-family:Fira Code,SF Mono,Consolas,monospace!important;text-shadow:0 0 2px rgba(248,248,242,.2)!important}.webshell[data-webshell-theme=monokai] .terminal-input::selection{background:#a6e22e4d!important}.webshell[data-webshell-theme=monokai] .terminal-input::placeholder{color:#75715e!important;font-style:italic!important}.webshell[data-webshell-theme=monokai] .app-menu-container{font-family:Fira Code,SF Mono,Consolas,monospace!important}.webshell[data-webshell-theme=monokai] .app-menu{background:#272822f2!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid #49483e!important;box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d!important;font-size:13px!important;font-weight:400!important}.webshell[data-webshell-theme=monokai] .app-menu-item{color:#f8f8f2!important;font-weight:400!important}.webshell[data-webshell-theme=monokai] .app-menu-item:hover{background:#a6e22e1a!important;color:#a6e22e!important}.webshell[data-webshell-theme=monokai] .app-menu-item.active{background:#a6e22e33!important;color:#a6e22e!important;font-weight:500!important}.webshell[data-webshell-theme=monokai] .app-menu-item .menu-label{font-weight:inherit!important}.webshell[data-webshell-theme=monokai] .app-menu-item .active-indicator{color:#a6e22e!important}.webshell[data-webshell-theme=monokai] .app-menu-item .submenu-arrow{color:#75715e!important}.webshell[data-webshell-theme=monokai] .app-menu-separator{background:#49483e!important}.webshell[data-webshell-theme=monokai] .app-submenu{background:#272822f2!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid #49483e!important;box-shadow:0 6px 24px #0006,0 2px 8px #0003!important;font-size:13px!important}@keyframes monokai-glow{0%,to{text-shadow:0 0 4px rgba(248,248,242,.3)}50%{text-shadow:0 0 8px rgba(166,226,46,.6)}}:root[data-webshell-theme=ubuntu]{--primary-color: #ffffff;--secondary-color: #d4d4d4;--accent-color: #e95420;--background-color: #2c001e;--header-color: #5e2750;--border-color: #77216f;--text-dim: #c7c7c7;--error-color: #fb4934;--warning-color: #fabd2f;--info-color: #83a598;--success-color: #b8bb26;--ubuntu-orange: #e95420;--ubuntu-purple: #772953;--ubuntu-dark: #2c001e;--ubuntu-light-purple: #924d72;--ubuntu-hover: rgba(233, 84, 32, .15);--ubuntu-active: rgba(233, 84, 32, .25)}.webshell[data-webshell-theme=ubuntu]{font-family:Ubuntu,Liberation Sans,sans-serif!important;font-weight:400!important}.webshell[data-webshell-theme=ubuntu] .terminal-container{background:linear-gradient(135deg,#2c001e,#5e2750)!important;border:1px solid #77216f!important;box-shadow:0 8px 32px #2c001e66,0 4px 16px #0000004d,inset 0 1px #e954201a!important}.webshell[data-webshell-theme=ubuntu] .terminal-container:hover{box-shadow:0 12px 40px #2c001e80,0 6px 20px #0006,0 0 0 1px #e954204d,inset 0 1px #e9542026!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header{background:linear-gradient(to bottom,#5e2750,#4a1f40)!important;border-bottom:1px solid #77216f!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control{width:13px!important;height:13px!important;border:1px solid rgba(255,255,255,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control:hover{border-color:#fff6!important;transform:scale(1.1)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.close{background:linear-gradient(135deg,#fb4934,#cc241d)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.close:hover{background:linear-gradient(135deg,#fe8019,#fb4934)!important;box-shadow:0 2px 8px #fb493480!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.minimize{background:linear-gradient(135deg,#fabd2f,#d79921)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.minimize:hover{background:linear-gradient(135deg,#fabd2f,#fabd2f)!important;box-shadow:0 2px 8px #fabd2f80!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.maximize{background:linear-gradient(135deg,#b8bb26,#98971a)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-controls .control.maximize:hover{background:linear-gradient(135deg,#b8bb26,#b8bb26)!important;box-shadow:0 2px 8px #b8bb2680!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .terminal-title{color:#c7c7c7!important;font-weight:500!important;font-size:12px!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .connection-status .status-dot{border:1px solid rgba(255,255,255,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .connection-status .status-dot.connected{background:#b8bb26!important;box-shadow:0 0 8px #b8bb2699!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-header .connection-status .status-dot.disconnected{background:#fb4934!important;box-shadow:0 0 8px #fb493499!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-body{background:#2c001e!important;color:#fff!important;font-family:Ubuntu Mono,Liberation Mono,monospace!important;font-weight:400!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-body::-webkit-scrollbar{width:10px!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-body::-webkit-scrollbar-track{background:#1a0013!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e95420,#77216f)!important;border-radius:5px!important}.webshell[data-webshell-theme=ubuntu] .terminal-container .terminal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fe6533,#924d72)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.system{color:#fabd2f!important;font-weight:500!important;text-shadow:0 0 4px rgba(250,189,47,.3)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.system .line:first-child{color:#e95420!important;font-weight:600!important;text-shadow:0 0 6px rgba(233,84,32,.4)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.command{color:#fff!important;font-weight:500!important;background:#e954201a!important;border-left:3px solid #e95420!important;padding-left:8px!important;margin-left:-8px!important;text-shadow:0 0 3px rgba(255,255,255,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.response{color:#d4d4d4!important;text-shadow:0 0 2px rgba(212,212,212,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.response .line:first-child{color:#83a598!important;font-weight:500!important;text-shadow:0 0 4px rgba(131,165,152,.4)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.error{color:#fb4934!important;font-weight:500!important;background:#fb49341a!important;border-left:3px solid #fb4934!important;padding-left:8px!important;margin-left:-8px!important;text-shadow:0 0 4px rgba(251,73,52,.4)!important}.webshell[data-webshell-theme=ubuntu] .terminal-output .output-line.streaming{color:#d4d4d4!important;text-shadow:0 0 2px rgba(212,212,212,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-prompt .prompt-user{color:#aaf516!important;font-weight:600!important;text-shadow:0 0 4px rgba(233,84,32,.4)!important}.webshell[data-webshell-theme=ubuntu] .terminal-prompt .prompt-separator{color:#c7c7c7!important}.webshell[data-webshell-theme=ubuntu] .terminal-prompt .prompt-path{color:#83a598!important;font-weight:500!important;text-shadow:0 0 3px rgba(131,165,152,.3)!important}.webshell[data-webshell-theme=ubuntu] .terminal-prompt .prompt-symbol{color:#fff!important;font-weight:600!important;animation:ubuntu-pulse 2s infinite!important;text-shadow:0 0 4px rgba(255,255,255,.3)!important}.webshell[data-webshell-theme=ubuntu] .terminal-input{color:#fff!important;caret-color:#7ee920!important;font-family:Ubuntu Mono,Liberation Mono,monospace!important;text-shadow:0 0 2px rgba(255,255,255,.2)!important}.webshell[data-webshell-theme=ubuntu] .terminal-input::selection{background:#e954204d!important}.webshell[data-webshell-theme=ubuntu] .terminal-input::placeholder{color:#888!important;font-style:italic!important}.webshell[data-webshell-theme=ubuntu] .app-menu-container{font-family:Ubuntu,Liberation Sans,sans-serif!important}.webshell[data-webshell-theme=ubuntu] .app-menu{background:#2c001ef2!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid #77216f!important;box-shadow:0 8px 32px #2c001e66,0 4px 16px #0000004d!important;font-size:13px!important;font-weight:400!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item{color:#fff!important;font-weight:400!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item:hover{background:#e9542026!important;color:#e95420!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item.active{background:#e9542040!important;color:#e95420!important;font-weight:500!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item .menu-label{font-weight:inherit!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item .active-indicator{color:#e95420!important}.webshell[data-webshell-theme=ubuntu] .app-menu-item .submenu-arrow{color:#c7c7c7!important}.webshell[data-webshell-theme=ubuntu] .app-menu-separator{background:#77216f!important}.webshell[data-webshell-theme=ubuntu] .app-submenu{background:#2c001ef2!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid #77216f!important;box-shadow:0 6px 24px #2c001e4d,0 2px 8px #0003!important;font-size:13px!important}@keyframes ubuntu-pulse{0%,to{text-shadow:0 0 4px rgba(255,255,255,.3)}50%{text-shadow:0 0 8px rgba(233,84,32,.6)}}.webshell-launcher{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:fadeInUp .6s ease-out}.webshell-launcher .launcher-header{text-align:center;margin-bottom:3rem}.webshell-launcher .launcher-header .header-icon-wrapper{display:inline-block;padding:1.5rem;background:var(--bg-secondary);border-radius:50%;margin-bottom:1rem;border:2px solid var(--border);transition:transform .3s ease}.webshell-launcher .launcher-header .header-icon-wrapper .header-icon{font-size:2.5rem;color:var(--primary);animation:float 3s ease-in-out infinite}.webshell-launcher .launcher-header .launcher-title{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem}.webshell-launcher .launcher-header .launcher-title .title-gradient{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.webshell-launcher .launcher-header .launcher-title .title-sub{font-size:1.5rem;font-weight:400;color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary)}.webshell-launcher .launcher-header .launcher-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem}.webshell-launcher .launcher-header .header-stats{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.webshell-launcher .launcher-header .header-stats .stat-item{display:flex;align-items:center;gap:.25rem;padding:.25rem 1rem;background:var(--bg-secondary);border-radius:50px;border:1px solid var(--border);font-size:.85rem;color:var(--text-secondary);transition:all .3s ease}.webshell-launcher .launcher-header .header-stats .stat-item svg{color:var(--primary);font-size:.9rem}.webshell-launcher .launcher-header .header-stats .stat-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.webshell-launcher .launcher-header .header-stats .stat-divider{color:var(--border);font-weight:300}.webshell-launcher .launcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}.webshell-launcher .launcher-grid .launcher-card{position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.webshell-launcher .launcher-grid .launcher-card:hover{transform:translateY(-8px)}.webshell-launcher .launcher-grid .launcher-card.hovered .card-content{border-color:var(--primary);box-shadow:0 12px 40px #00000026}.webshell-launcher .launcher-grid .launcher-card.hovered .card-action .action-icon{transform:translate(4px)}.webshell-launcher .launcher-grid .launcher-card .card-link,.webshell-launcher .launcher-grid .launcher-card .card-button{display:block;width:100%;height:100%;text-decoration:none;color:inherit;background:none;border:none;cursor:pointer;padding:0}.webshell-launcher .launcher-grid .launcher-card .card-content{background:var(--card-bg);padding:2rem;border-radius:25px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border);transition:all .3s ease}.webshell-launcher .launcher-grid .launcher-card .card-content:hover{box-shadow:0 4px 12px var(--shadow)}.webshell-launcher .launcher-grid .launcher-card .card-content{padding:2rem;height:100%;display:flex;flex-direction:column;border:2px solid var(--border);transition:all .3s ease;background:var(--card-bg)}.webshell-launcher .launcher-grid .launcher-card .card-content .card-icon-wrapper{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:2rem;color:#fff;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.webshell-launcher .launcher-grid .launcher-card .card-content .card-icon-wrapper:hover{transform:scale(1.05) rotate(-5deg)}.webshell-launcher .launcher-grid .launcher-card .card-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.webshell-launcher .launcher-grid .launcher-card .card-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;flex-grow:0}.webshell-launcher .launcher-grid .launcher-card .card-content .card-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.webshell-launcher .launcher-grid .launcher-card .card-content .card-features li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;color:var(--text-secondary);font-size:.9rem}.webshell-launcher .launcher-grid .launcher-card .card-content .card-features li .feature-check{color:var(--success);font-weight:700;font-size:.8rem}.webshell-launcher .launcher-grid .launcher-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:auto}.webshell-launcher .launcher-grid .launcher-card .card-content .card-footer .card-badge{display:inline-block;padding:.25rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--primary)}.webshell-launcher .launcher-grid .launcher-card .card-content .card-footer .card-action{display:flex;align-items:center;gap:.25rem;font-weight:500;color:var(--primary);transition:all .3s ease}.webshell-launcher .launcher-grid .launcher-card .card-content .card-footer .card-action .action-icon{transition:transform .3s ease;font-size:.9rem}.webshell-launcher .launcher-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:25px;border:1px solid var(--border)}.webshell-launcher .launcher-footer .footer-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.webshell-launcher .launcher-footer .footer-info .info-item{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.webshell-launcher .launcher-footer .footer-info .info-item .info-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.webshell-launcher .launcher-footer .footer-info .info-item .info-dot.connected{background:var(--success);box-shadow:0 0 8px rgba(var(--success),.5);animation:pulse-dot 2s infinite}.webshell-launcher .launcher-footer .footer-info .info-item svg{color:var(--primary)}.webshell-launcher .launcher-footer .footer-info .info-divider{width:1px;height:20px;background:var(--border)}.webshell-launcher .launcher-footer .footer-tip{margin:0;font-size:.9rem;color:var(--text-secondary)}.webshell-launcher .launcher-footer .footer-tip strong{color:var(--text)}.webshell-launcher .launcher-footer .footer-tip kbd{display:inline-block;padding:2px 10px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--text);box-shadow:0 1px 3px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.webshell-launcher{padding:1rem}.webshell-launcher .launcher-header .launcher-title .title-gradient{font-size:2.5rem}.webshell-launcher .launcher-header .header-stats{flex-direction:column;gap:.5rem}.webshell-launcher .launcher-header .header-stats .stat-divider{display:none}.webshell-launcher .launcher-grid{grid-template-columns:1fr}.webshell-launcher .launcher-grid .launcher-card .card-content{padding:1.5rem}.webshell-launcher .launcher-footer{padding:1rem}.webshell-launcher .launcher-footer .footer-info{flex-direction:column;gap:.5rem}.webshell-launcher .launcher-footer .footer-info .info-divider{display:none}}@media(max-width:480px){.webshell-launcher .launcher-header .launcher-title .title-gradient{font-size:2rem}.webshell-launcher .launcher-header .title-sub{font-size:1rem}.webshell-launcher .launcher-grid .launcher-card .card-content{padding:1rem}.webshell-launcher .launcher-grid .launcher-card .card-content .card-icon-wrapper{width:60px;height:60px;font-size:1.5rem}.webshell-launcher .launcher-grid .launcher-card .card-content h3{font-size:1.2rem}}.launcher-cta{text-align:center;margin:2rem 0 3rem;padding:1.5rem}@media(max-width:768px){.launcher-cta{margin:1.5rem 0 2rem;padding:1rem}}.launcher-cta__button{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--primary);color:var(--accent-text);border-radius:50px;font-size:1.3rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px rgba(var(--primary-rgb),.3)}.launcher-cta__button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px rgba(var(--primary-rgb),.4);background:var(--primary-hover)}.launcher-cta__button:active{transform:translateY(0) scale(.98)}@media(max-width:768px){.launcher-cta__button{font-size:1.1rem;padding:1rem 1.5rem}}@media(max-width:480px){.launcher-cta__button{font-size:1rem;padding:.5rem 1.5rem;width:100%;justify-content:center}}.launcher-cta__icon{font-size:1.4rem}@media(max-width:480px){.launcher-cta__icon{font-size:1.1rem}}.launcher-cta__text{flex:1}.launcher-cta__arrow{font-size:1.2rem;transition:transform .3s ease}.launcher-cta__button:hover .launcher-cta__arrow{transform:translate(4px)}.launcher-cta__sub{margin-top:.5rem;font-size:.95rem;color:var(--text-secondary);opacity:.7}@media(max-width:480px){.launcher-cta__sub{font-size:.85rem}}.launcher-stats{margin:2rem 0 3rem;padding:1.5rem;background:var(--bg-secondary);border-radius:25px;border:1px solid var(--border)}@media(max-width:768px){.launcher-stats{padding:1rem;margin:1.5rem 0 2rem}}.launcher-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}@media(max-width:600px){.launcher-stats__grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.launcher-stats__grid{grid-template-columns:1fr}}.launcher-stats__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg);border-radius:10px;border:1px solid var(--border);transition:all .2s ease}.launcher-stats__item:hover{border-color:var(--primary);transform:translateY(-2px)}@media(max-width:600px){.launcher-stats__item{padding:.25rem .5rem;font-size:.85rem}}.launcher-stats__icon{color:var(--primary);font-size:1.2rem;flex-shrink:0}@media(max-width:600px){.launcher-stats__icon{font-size:1rem}}.launcher-stats__label{color:var(--text-secondary);font-size:.9rem;line-height:1.3}@media(max-width:600px){.launcher-stats__label{font-size:.8rem}}.launcher-readme{margin:2rem 0}.launcher-readme .markdown-renderer__toggle{width:100%;justify-content:center;padding:1rem;font-size:1rem}@media(max-width:480px){.launcher-readme .markdown-renderer__toggle{font-size:.9rem;padding:.5rem}}.launcher-readme .markdown-renderer__content{max-height:600px;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease;line-height:1.6;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}body[data-theme=light]{--bg: #f5f3ed;--bg-secondary: #ebe8df;--text: #2c2a26;--text-secondary: #6b6760;--primary: #7c9e2d;--accent: var(--primary);--primary-hover: #657f24;--success: #5a8a3a;--danger: #b8392e;--warning: #c09020;--border: #d1ccc0;--card-bg: #faf9f5;--accent-text: #ffffff;--shadow: rgba(0, 0, 0, .6)}body[data-theme=dark]{--bg: #1a1a1a;--bg-secondary: #242424;--text: #e8e6e3;--text-secondary: #a8a6a3;--primary: #a1ca0e;--accent: var(--primary);--primary-hover: #8409ef;--success: #6fb848;--danger: #e85d52;--warning: #e8b947;--border: #3a3a3a;--card-bg: #202020;--accent-text: #ffffff;--shadow: rgb(0, 0, 0)}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media(max-width:768px){.main-content{padding-top:0}}.page{animation:fadeIn .3s ease}.page h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text)}.page h2{font-size:2rem;margin-bottom:1rem;color:var(--text)}.page h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.page h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--text)}.page p{margin-bottom:1rem;color:var(--text-secondary)}.page ul{margin-left:1.5rem;margin-bottom:1rem}.page ul li{margin-bottom:.5rem;color:var(--text-secondary)}button{background:var(--primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .15s ease;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{padding:1rem;border:1px solid var(--border);border-radius:10px;font-size:1rem;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:border-color .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}textarea{min-height:120px;resize:vertical}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}