html{box-sizing:border-box;font-size:100%;background-color:#120303;color-scheme:dark}html,body{width:100%;margin:0;overflow-x:hidden;overflow-y:scroll}*,:after,:before{box-sizing:inherit}body{background-color:var(--bg-1);background-image:linear-gradient(var(--bg-1) 2%,var(--bg-2) 108%);color:#fff;min-height:100vh;text-align:center;font-family:Roboto,sans-serif}.logo-area{margin-bottom:20px}.logo{width:120px;height:120px;object-fit:cover;margin-bottom:10px;border-radius:50%;border:2px solid #a40000}h2{font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:2px}.social-links{margin-top:20px}a{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;border:2px solid #fff;text-decoration:none;transition:all .2s ease-in-out;border-radius:50px}a img,a span{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle}a:hover{background-color:var(--bg-3);color:#fff}a.featured{position:relative;background-color:#fff;color:var(--bg-3);font-weight:700}a.featured:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid var(--bg-3)}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.footer{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;text-align:center;transition:all .2s ease-in-out}.spinning-sloth{display:flex;justify-content:center;align-items:center;font-size:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-page{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.skills-page .logo-area{margin-top:-20px}.skills-page h2{margin-top:-18px}.skills-table{margin:0 auto;border-collapse:collapse;width:80%;max-width:600px}.skills-table th,.skills-table td{border:1px solid #fff;padding:8px;text-align:left}.skills-table th{background-color:var(--bg-3);color:#fff}.skills-table td{background-color:var(--bg-2);color:#fff}.skills-image{max-width:100%;height:auto;border:2px solid #fff;border-radius:10px}.search-container{display:inline-grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:6px 0 2px;width:400px;max-width:100%}.search-box{padding:10px 15px;font-size:16px;border:2px solid #fff;border-radius:6px;width:250px;transition:border-color .3s ease;background-color:transparent;color:#fff}.search-box:focus{outline:none;border-color:var(--accent);box-shadow:0 0 5px #ef44444d}.search-box::placeholder{color:#ffffffb3}.search-button{padding:10px 20px;font-size:16px;background-color:var(--bg-3);color:#fff;border:2px solid #fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.search-button:hover{background-color:var(--accent-2)}.search-button:active{transform:translateY(1px)}:root{--bg-1: #0f0202;--bg-2: #2a0a0a;--bg-3: #450a0a;--text: #fef2f2;--muted: rgba(254, 242, 242, .72);--accent: #ef4444;--accent-2: #dc2626;--card: rgba(0, 0, 0, .2);--card-border: rgba(239, 68, 68, .15);--ring: rgba(239, 68, 68, .35);--column-width: 400px;--site-side-padding: 32px}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(220,38,38,.08),transparent 50%),radial-gradient(800px 400px at 80% 120%,rgba(220,38,38,.05),transparent 50%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 50%,var(--bg-3) 100%);color:var(--text);min-height:100vh;text-align:center;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background-color:var(--bg-1)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px}@supports (height: 100dvh){body,.app{min-height:100dvh}}@supports (height: 100svh){body,.app{min-height:100svh}}.logo-area{margin-bottom:12px}.logo{width:120px;height:120px;object-fit:cover;margin-bottom:8px;border-radius:50%;border:2px solid #a40000;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}h2{font-size:clamp(16px,2.4vw,18px);text-transform:uppercase;font-weight:500;letter-spacing:2px;margin:0 0 4px;opacity:.9}.social-links{margin-top:12px;display:flex;flex-direction:column;gap:12px;max-width:100%;margin-left:auto;margin-right:auto;padding:0 4px}a{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px;font-size:.95rem;color:var(--text);border:1px solid var(--card-border);text-decoration:none;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:none}a img,a span{display:inline-block;width:20px;height:20px;margin:0;vertical-align:middle}a:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 16px 40px #ff334726,inset 0 1px #ffffff24;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}a:active{transform:translateY(0)}.footer{display:block;width:400px;max-width:100%;margin:5px auto 0;padding:0 6px;font-size:.9rem;color:var(--muted)}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.skills-page{gap:16px}.skills-table-wrapper{width:400px;max-width:100%;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f;margin:0 auto}.skills-table{width:100%;border-collapse:collapse;border-style:hidden}.skills-table th,.skills-table td{border:1px solid var(--card-border)}.skills-table th{background-color:#ef444426;color:#fff}.skills-table td{background-color:#ffffff0a;color:#fff}.level-99{color:#fff;text-shadow:0 0 5px #ffd700;font-weight:900}.skill-name{display:inline-flex;align-items:center;gap:8px}.skill-icon{width:18px;height:18px;border-radius:3px}.skills-image{border:1px solid var(--card-border);border-radius:10px}.search-box{padding:10px 14px;border:1px solid var(--card-border);border-radius:12px;background-color:#ffffff0a;color:#fff;width:100%}.search-box:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #ef444426}.search-button{border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;padding:10px 18px;cursor:pointer;box-shadow:0 10px 24px #ef444440;height:40px}.search-button:hover{filter:brightness(1.05)}.dropdown{position:relative;width:160px}.dropdown-trigger{width:100%;height:40px;padding:10px 14px;border:1px solid var(--card-border);border-radius:12px;background-color:#ffffff0a;color:#fff;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.dropdown-trigger:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ffffff}.dropdown-trigger.open{border-color:var(--ring);box-shadow:0 0 0 4px #ef444426}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 20px 40px #00000059;padding:6px;z-index:20}.dropdown-item{list-style:none;text-align:left;padding:8px 10px;border-radius:8px;color:var(--text);cursor:pointer}.dropdown-item:hover{background-color:#ef444426}.dropdown-item.selected{background-color:#ef444438;font-weight:600}.search-note{margin-top:8px;color:var(--muted);font-size:.85rem}.skills-page .search-note a{display:inline;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;text-decoration:underline;color:var(--text)}.skills-page .search-note a:hover,.skills-page .search-note a:active{transform:none;border-color:transparent;box-shadow:none;background:none;text-decoration:underline}.social-links a{width:400px;min-height:52px;margin-left:auto;margin-right:auto}.tools-links{margin-top:24px;margin-bottom:5px;font-size:.95rem;color:var(--muted)}.tools-links .tool-link{display:inline;margin:0;padding:0;border:none;background:none;box-shadow:none;color:var(--text);text-decoration:none;font-weight:500;width:auto;min-height:auto}.tools-links .tool-link:hover{transform:none;background:none;text-decoration:underline;color:var(--accent);box-shadow:none}.tools-links .separator{margin:0 8px;color:var(--muted);opacity:.5}