/* ANIME VOID 17.2 — Visual Studio. Profile never receives home art rails. */
:root{--vs-banner-height:300px;--vs-bg-opacity:.45;--vs-glow:.6}.vs-open-settings{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--av-line,#654287);border-radius:13px;background:var(--av-surface,#21172f);color:var(--av-text,#eee7ff);font:24px/1 system-ui;cursor:pointer}.vs-open-settings:hover{border-color:var(--av-accent,#b585ff);box-shadow:0 0 22px #b26fff33}.vs-open-settings:focus-visible,.vs-dialog :focus-visible,.vs-profile-actions :focus-visible,.vs-scene-card:focus-visible{outline:3px solid var(--av-accent,#ba91ff);outline-offset:3px}
.avp-active .avp-banner{height:var(--vs-banner-height);background-position:65% 35%;transition:height .25s ease}.avp-active .avp-background{opacity:var(--vs-bg-opacity)}.avp-active .vs-profile{border-color:color-mix(in srgb,var(--av-accent) 55%,var(--av-line))!important;box-shadow:0 0 calc(60px * var(--vs-glow)) color-mix(in srgb,var(--av-accent) 18%,transparent)}.avp-active .vs-profile .profile-top{margin-top:-58px;align-items:center;gap:24px!important;padding:0 30px 20px}.vs-profile #avatarButton{width:112px;height:112px;min-width:112px;font-size:52px;overflow:visible;background:var(--av-bg,#130d21);box-shadow:0 12px 34px #0006}.vs-has-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.vs-profile .profile-info{padding-top:36px}.vs-profile .name-row h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1.2px}.vs-profile-intro{padding:0 30px 24px}.vs-profile-intro>small{font:10px/1.5 system-ui;letter-spacing:2.8px;color:var(--av-accent)}.vs-profile-intro>p{font-size:15px;line-height:1.7;color:var(--av-muted);max-width:760px;margin:9px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.vs-profile-actions{display:flex;flex-wrap:wrap;gap:9px}.vs-profile-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--av-line);background:var(--av-tint);border-radius:11px;color:var(--av-text);font:600 13px/1.4 system-ui;cursor:pointer}.vs-profile-actions button:first-child{background:var(--av-solid,#854be5);color:white}.vs-profile-actions button:hover{border-color:var(--av-accent);transform:translateY(-1px)}.vs-profile .level-box{padding:18px;border:1px solid var(--av-line);border-radius:15px;background:var(--av-tint)}.vs-profile #achievementShowcase{background:linear-gradient(150deg,var(--av-tint),transparent);border-top:1px solid var(--av-line)}.vs-profile .share-row{border-top:1px solid var(--av-line);padding-top:18px!important}.vs-profile .avp-toolbar{background:linear-gradient(100deg,var(--av-tint),var(--av-surface));padding-top:20px;padding-bottom:20px}.vs-profile .avp-toolbar strong{font-size:17px}.vs-profile .avp-toolbar small{line-height:1.7}.vs-profile .avp-banner-tag{font-size:10px;letter-spacing:3px;background:#100a228c;border:1px solid #ffffff26;backdrop-filter:blur(8px)}
/* Settings */
.vs-dialog{font:14px/1.6 system-ui,sans-serif;box-sizing:border-box;width:min(820px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--av-line,#644384);border-radius:22px;color:var(--av-text,#eee8f5);background:var(--av-bg,#130d21);box-shadow:0 30px 120px #000b;overflow:auto;scrollbar-width:thin}.vs-dialog *{box-sizing:border-box}.vs-dialog::backdrop{background:#07050ce0;backdrop-filter:blur(6px)}.vs-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-bottom:1px solid var(--av-line);position:sticky;top:0;background:var(--av-bg);z-index:3}.vs-dialog-head h2{font-size:23px;line-height:1.3;letter-spacing:-.8px;margin:0}.vs-dialog button,.vs-dialog input,.vs-dialog select,.vs-dialog textarea{font:inherit;color:inherit}.vs-button,.vs-close{padding:10px 15px;min-height:44px;border-radius:11px;border:1px solid var(--av-line);background:var(--av-surface);cursor:pointer}.vs-button:hover,.vs-close:hover{border-color:var(--av-accent);background:var(--av-tint)}.vs-close{width:44px;flex:0 0 44px;font-size:25px!important;line-height:1;padding:0}.vs-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:16px 24px;border-bottom:1px solid var(--av-line)}.vs-tabs button{flex:1;min-width:95px;padding:9px}.vs-tabs button[aria-pressed=true]{border-color:var(--av-accent);background:var(--av-tint)}.vs-settings-body{padding:22px 24px}.vs-settings-body h3{font-size:20px;letter-spacing:-.4px;margin:0 0 16px}.vs-muted{font-size:12px;line-height:1.7;color:var(--av-muted);margin:12px 0 20px}.vs-field{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:9px 0;font-size:13px}.vs-field>span{flex:1}.vs-field input[type=checkbox]{width:22px;height:22px;accent-color:var(--av-solid,#9758e7);flex:0 0 22px}.vs-field input[type=range]{width:min(220px,42vw);min-height:44px;accent-color:var(--av-solid,#9758e7)}.vs-field input[type=file]{width:min(350px,100%);padding:12px;border:1px dashed var(--av-line);border-radius:12px}.vs-field:has(input[type=file]),.vs-field:has(textarea){flex-direction:column;align-items:stretch;gap:8px}.vs-field textarea,.vs-field select,.vs-preset-row input,.vs-settings-body>input{font:inherit;color:var(--av-text);background:var(--av-surface);border:1px solid var(--av-line);border-radius:10px;min-height:44px;padding:10px 12px;max-width:100%;min-width:0}.vs-field textarea{width:100%;resize:vertical}.vs-field select{max-width:62%}.vs-range{display:flex;align-items:center;gap:12px}.vs-range .vs-field{flex:1;min-width:0}.vs-range output{width:35px;text-align:right;color:var(--av-accent);font-variant-numeric:tabular-nums}.vs-status{padding:0 24px 20px;margin:0;min-height:25px;font-size:13px;overflow-wrap:anywhere}.vs-status[data-error=true]{border-left:3px solid var(--av-accent);margin-left:24px;padding-left:12px}.vs-status:empty{padding-bottom:5px}.vs-avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.vs-avatar-choice{border:1px solid var(--av-line);padding:3px;background:var(--av-surface);border-radius:18px;cursor:pointer;aspect-ratio:1;min-width:0;overflow:hidden}.vs-avatar-choice:hover{border-color:var(--av-accent);box-shadow:0 0 20px var(--av-tint)}.vs-avatar-choice img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}.vs-crop{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 0}.vs-crop[hidden]{display:none}.vs-crop canvas{width:100%;max-width:230px;border-radius:50%;border:2px solid var(--av-accent);background:var(--av-bg)}.vs-crop .vs-field{display:block}.vs-crop .vs-field span{display:block}.vs-crop input[type=range]{width:100%}.vs-preset-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--av-line)}.vs-preset-row strong{flex:1;overflow-wrap:anywhere;min-width:0}.vs-settings-body>a{color:var(--av-accent)}.vs-settings-body>input{width:min(100%,300px);margin-right:8px;margin-bottom:10px}
/* Home only: four framed illustrations in the outer margins, never over the catalog. */
.vs-home-rail{position:fixed;top:calc(50% + 28px);transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;width:min(260px,calc((100vw - 1200px)/2 - 28px));height:min(78vh,820px);pointer-events:none;z-index:0}.vs-rail-left{left:14px}.vs-rail-right{right:14px}.vs-rail-card{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #b77bff66;border-radius:22px;background:#171222;box-shadow:0 18px 55px #0008,0 0 calc(44px * var(--vs-glow)) #a36aff33}.vs-rail-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease}.vs-rail-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c071cdd,transparent 45%);pointer-events:none}.vs-rail-card>span{position:absolute;bottom:18px;left:16px;right:16px;z-index:1;color:#eee8ff;font:600 12px/1.5 system-ui;letter-spacing:.6px}.vs-scene-gallery{position:relative;margin:22px 0 32px;padding:18px;border:1px solid var(--av-line,#533b6e);border-radius:20px;background:linear-gradient(120deg,var(--av-tint,#42225644),transparent);min-width:0}.vs-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--av-accent,#bf93ff);font:600 11px/1.5 system-ui;letter-spacing:1.6px}.vs-gallery-head button{font:12px/1.4 system-ui;color:var(--av-text,#f3edff)}.vs-scene-row{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.vs-scene-card{position:relative;flex:0 0 165px;height:112px;padding:0;border-radius:13px;overflow:hidden;border:1px solid var(--av-line,#66417e);background:#1a122b;color:white;cursor:pointer;scroll-snap-align:start}.vs-scene-card[aria-pressed=true]{border-color:#d3a6ff;box-shadow:0 0 0 2px #a36aff66}.vs-scene-card img{width:100%;height:100%;object-fit:cover;display:block}.vs-scene-card>span{position:absolute;inset:auto 0 0;padding:25px 10px 9px;background:linear-gradient(0deg,#090812e8,transparent);font:12px/1.4 system-ui;text-align:left}.vs-scene-card:hover img{transform:scale(1.05)}
html[data-av-compact=true] .vs-profile-intro{padding-bottom:14px}html[data-av-compact=true] .vs-profile .share-row{gap:6px}html[data-av-compact=true] .avp-active .profile-hero>.level-box{margin-bottom:10px}html[data-av-compact=true] .vs-profile #achievementShowcase{padding-top:14px;padding-bottom:14px}html[data-av-quiet=true] .avp-active *,html[data-av-quiet=true] .avp-active *:before,html[data-av-quiet=true] .avp-active *:after,html[data-av-quiet=true] .vs-home-rail *{animation:none!important;transition:none!important}
@media(max-width:1599px){.vs-home-rail{display:none}}@media(max-width:760px){.avp-active .vs-profile .profile-top{padding:0 18px 16px;gap:16px!important;margin-top:-46px}.vs-profile #avatarButton{width:88px;height:88px;min-width:88px;font-size:40px}.vs-profile .profile-info{padding-top:36px}.vs-profile-intro{padding:0 18px 18px}.vs-profile-intro>p{font-size:13px}.vs-profile-actions{gap:7px}.vs-profile-actions button{flex:1;font-size:11px;padding:9px 8px;white-space:nowrap}.vs-profile .name-row h1{font-size:25px}.vs-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.vs-dialog-head{padding:14px}.vs-dialog-head h2{font-size:20px}.vs-tabs{padding:12px;gap:6px}.vs-tabs button{min-width:calc(50% - 6px);font-size:12px}.vs-settings-body{padding:18px 14px}.vs-field{gap:12px;font-size:12px}.vs-field input[type=range]{width:135px}.vs-range output{width:28px}.vs-field select{max-width:58%}.vs-status{padding-left:14px;padding-right:14px}.vs-status[data-error=true]{margin-left:14px}.vs-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vs-crop{grid-template-columns:1fr}.vs-crop canvas{max-width:180px;justify-self:center}.vs-crop .vs-field input{width:100%}.vs-preset-row{flex-wrap:wrap}.vs-preset-row strong{flex-basis:100%}.vs-scene-gallery{padding:12px;margin:16px 0 24px}.vs-gallery-head{font-size:9px;letter-spacing:1px}.vs-scene-card{flex-basis:145px;height:100px}.vs-gallery-head button{padding:8px 10px}.vs-profile .avp-banner-tag{left:18px;top:18px;font-size:9px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.vs-home-rail *,.vs-profile *,.vs-profile *:before,.vs-profile *:after,.vs-scene-gallery *,.vs-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}/* Keep mobile settings in existing header rows instead of adding a third row. */
@media(max-width:760px){.av-home header .search-wrap{grid-column:1/4!important}.av-home header #vsOpenSettings{grid-row:2;grid-column:4}.avp-active header #vsOpenSettings{position:absolute;right:16px;bottom:8px}.avp-active header nav{padding-right:54px;box-sizing:border-box}.vs-profile .profile-info{padding-top:0}}

.vs-upload-status{padding:12px;border-radius:10px;background:#3c2255;color:#fff;overflow-wrap:anywhere}.vs-upload-status:empty{display:none}.vs-drop{padding:20px;border:2px dashed #9671bb;border-radius:12px;text-align:center;cursor:pointer;color:var(--av-text)}.vs-drop[data-over=true]{background:#7041a6}.vs-dialog input[type=file]{cursor:pointer}