*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-page,.home-page *{-webkit-user-select:none;user-select:none}.home-page{background:#000;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.home-page:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#ff4ab414,#0000 54%);position:absolute;inset:0}.starfield{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.profile-shell{z-index:2;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);align-items:stretch;gap:32px;width:min(1120px,100%);margin:0 auto;display:grid;position:relative}.identity{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0b,#ffffff04);border-left:1px solid #ffffff38;flex-direction:column;justify-content:flex-start;min-height:0;padding:22px 22px 22px 26px;display:flex;position:relative}.identity:before{content:"";background:#ff4ab4;width:1px;height:96px;position:absolute;top:28px;left:-1px;box-shadow:0 0 22px #ff4ab4c7}.profile-avatar{aspect-ratio:1;object-fit:cover;filter:saturate(.86)contrast(1.08);border:1px solid #ffffff3d;border-radius:4px;width:92px}.profile-head{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;display:grid}.profile-copy{min-width:0}.profile-kicker{color:#0a0610;letter-spacing:0;text-transform:uppercase;background:#ff8dcc;border-radius:999px;place-items:center;min-width:24px;min-height:24px;font-size:10px;font-weight:800;display:grid;position:absolute;top:142px;left:-12px;box-shadow:0 0 22px #ff4ab473}.profile-copy h1{letter-spacing:0;font-size:clamp(28px,3.4vw,40px);line-height:1}.profile-description{color:#ffffffad;max-width:420px;font-family:inherit;font-size:13px;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;line-height:1.45;transition:all .3s;animation:.6s cubic-bezier(.22,1,.36,1) forwards blurReveal;display:block}@keyframes blurReveal{0%{opacity:0;filter:blur(10px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.profile-description:hover{color:#ffd7ef;text-shadow:0 0 12px #ffd7ef66}.profile-description:active{filter:blur(2px);transform:scale(.98)}.identity-meta{color:#ffffff8a;gap:8px;margin-top:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:grid}.identity-meta>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.meta-views{color:#fff;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.meta-views svg{color:#ff8dcc}.profile-socials,.profile-anime{margin-top:22px}.mini-title{color:#ffffff6b;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:900;display:block}.details{align-content:stretch;gap:16px;display:grid}.line-section{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff14;padding:16px 0}.section-heading{color:#ffffff7a;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;min-height:28px;font-size:12px;font-weight:900;display:flex}.section-heading strong{color:#ff8dcc;font-size:12px}.project-list{margin-top:8px}.project-row{border-bottom:1px solid #ffffff14;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;display:grid}.project-row:last-child{border-bottom:0}.status-dot{background:#ffffff5c;border-radius:50%;width:8px;height:8px}.status-active,.status-live{background:#ff4ab4;box-shadow:0 0 16px #ff4ab4c2}.status-draft,.status-dev{background:#9e5cff}.status-new{background:#fff}.project-copy-link{min-width:0;color:inherit;text-decoration:none}.project-copy-link h2{letter-spacing:0;align-items:center;gap:8px;font-size:16px;line-height:1.2;display:inline-flex}.project-copy-link:hover h2{color:#ffd7ef}.project-platform-icon{color:#ff8dcc;flex:none;font-size:13px}.project-copy-link p{color:#ffffff94;max-width:520px;margin-top:5px;font-size:12px;line-height:1.35}.project-row>strong{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.social-list{margin-top:12px;display:grid}.social-link{color:#fff;border-bottom:1px solid #ffffff14;grid-template-columns:24px minmax(70px,.8fr) minmax(0,1fr);align-items:center;gap:10px;min-height:40px;text-decoration:none;display:grid}.social-link:last-child{border-bottom:0}.social-link svg{color:#ff8dcc}.social-link span{color:#ffffff9e;font-size:13px}.social-link strong{overflow-wrap:anywhere;text-align:right;min-width:0;font-size:13px}.anime-grid{background:0 0;margin-top:12px;display:grid}.stack-section{min-height:214px}.stack-groups{border-top:1px solid #ffffff14;gap:0;margin-top:10px;display:grid}.stack-group{border-bottom:1px solid #ffffff14;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:14px;min-height:42px;padding:9px 0;display:grid}.stack-group-title{align-items:center;gap:7px;display:flex}.stack-group-title svg{color:#ff8dcc;filter:drop-shadow(0 0 10px #ff4ab447);flex:none}.stack-group-title strong{color:#ffffffb8;font-size:12px;line-height:1}.stack-tools{flex-wrap:wrap;gap:7px;display:flex}.stack-tools span{color:#d6c4ffd1;font-size:11px;line-height:1.4}.stack-tools i{color:#ffffff47;margin-right:7px;font-style:normal}.stack-group-languages .stack-group-title strong,.stack-group-languages .stack-tools span{color:#ffd7ef}.anime-stat-row{border-bottom:1px solid #ffffff14;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;display:grid}.anime-stat-row:last-child{border-bottom:0}.anime-stat-row svg{color:#b999ff}.anime-value{color:#fff;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;font-size:15px;line-height:1;display:inline-flex}.anime-value .anime-hours{color:#ffffff70;font:inherit;letter-spacing:0;text-transform:none}.anime-stat-row span{color:#ffffff85;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.anime-favorites{border-top:1px solid #ffffff14;gap:7px;margin-top:12px;padding-top:12px;display:grid}.anime-favorites span{color:#ffffff75;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.anime-favorite-links{gap:6px;display:grid}.anime-favorite-links a{color:#ffffffd1;font-size:12px;line-height:1.45;text-decoration:none;transition:color .16s}.anime-favorite-links a:hover{color:#ffd7ef}@media (width<=900px){.home-page{align-items:flex-start;padding:24px;overflow:auto}.profile-shell{grid-template-columns:1fr;gap:32px;min-height:auto}.identity{background:linear-gradient(#ffffff0d,#ffffff03);border-top:1px solid #ffffff38;border-left:none;border-radius:24px;min-height:auto;padding:32px;box-shadow:0 16px 40px #0006}.identity:before{width:64px;height:1px;top:-1px;left:32px}.profile-kicker{top:-12px;left:auto;right:32px}.profile-copy h1{font-size:38px}}@media (width<=620px){.home-page{padding:16px 12px}.identity{border-radius:20px;padding:24px 20px}.identity:before{left:20px}.profile-kicker{right:20px}.profile-head{grid-template-columns:76px minmax(0,1fr);gap:16px}.profile-avatar{border-radius:14px;width:76px}.profile-copy h1{font-size:32px}.stack-groups{border-top:none}.stack-group{background:#ffffff06;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:1fr;gap:10px;margin-bottom:10px;padding:14px 16px}.project-list{flex-direction:column;gap:12px;display:flex}.project-row{background:#ffffff06;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:10px minmax(0,1fr);padding:16px}.project-row:last-child{border-bottom:1px solid #ffffff0d}.project-row>strong{grid-column:2;margin-top:6px;display:inline-block}.social-list{flex-direction:column;gap:10px;display:flex}.social-link{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;padding:12px 16px}.social-link:last-child{border-bottom:1px solid #ffffff0f}.social-link strong{text-align:right;grid-column:auto}.anime-grid{gap:8px}.anime-stat-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:12px 16px}.anime-stat-row:last-child{border-bottom:1px solid #ffffff0f}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
