/* VIORA: personal space, a visible path, calm controls. */
body{overflow-x:clip}main{min-width:0}h1,h2,p,strong{overflow-wrap:anywhere}
.hero{position:relative}.hero h1{max-width:650px}.step-line{display:flex;align-items:center;max-width:210px;margin-top:28px;gap:8px}.step-line i{width:9px;height:9px;border-radius:50%;background:var(--accent)}.step-line i:last-child{background:transparent;border:1px solid var(--accent)}.step-line span{height:1px;background:var(--line);flex:1}
.section-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#9edbd211;border:1px solid #9edbd225;border-radius:16px;color:var(--accent);flex-shrink:0}.section-icon svg{width:23px;height:23px}.section-card:nth-child(2) .section-icon{color:var(--rose);background:#deb9d311}.section-card:nth-child(3) .section-icon{color:var(--blue);background:#bacafa11}.section-card p{min-height:24px;margin-bottom:25px}
.profile-cover{position:relative;border-bottom:1px solid var(--line);padding:24px 0 32px;margin-bottom:24px}.profile-cover h1{font-size:clamp(32px,7vw,52px);margin:12px 0}.profile-initial{float:right;display:grid;place-items:center;width:80px;height:92px;border-radius:28px 28px 40px 40px;background:linear-gradient(145deg,#abcdd6,#688490);color:#172d31;font-family:"Trebuchet MS",sans-serif;font-size:40px;box-shadow:0 10px 35px #0002}.profile-cover p{max-width:75%}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-link{justify-content:flex-start;text-align:left;padding:19px;background:var(--panel);border-radius:20px;gap:16px}.profile-link>span:nth-child(2){flex:1;min-width:0}.profile-link strong{display:block;font-size:16px;font-weight:600}.profile-link small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.profile-link>span:last-child{color:var(--muted);font-size:24px}.settings-block{margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}.settings-block h2{font-size:18px}.settings-block button{margin:6px 6px 0 0;font-size:13px}
.loading-state{padding:70px 0;text-align:center}.loading-state>span{display:inline-block;width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:loading 1s linear infinite}.loading-state p{font-size:13px}@keyframes loading{to{transform:rotate(360deg)}}
button,.button{transition:background .18s,border-color .18s,transform .18s}button:active,.button:active{transform:translateY(1px)}@media(hover:hover){button:hover,.button:hover{border-color:#9edbd266;background:#9edbd218}.primary:hover{background:#b7e7df}.profile-link:hover{background:#243541}}
@media(max-width:600px){.profile-sections{grid-template-columns:1fr}.profile-link{padding:16px}.profile-cover{padding-top:14px}.profile-initial{width:66px;height:78px;font-size:32px}h1{font-size:clamp(36px,12vw,49px)}nav{width:100%;max-width:100vw}nav button{min-width:0}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}