/* home.css — keyframes, resets and hover/focus states for home (component-level styles are inline in the view, using tokens.css variables) */
#sv-home{color:var(--sv-text);font-family:var(--sv-font-body);-webkit-font-smoothing:antialiased} #sv-home a{color:var(--sv-violet);text-decoration:none} #sv-home a:hover{color:var(--sv-text)} #sv-home #rail::-webkit-scrollbar{height:0} #sv-home input::placeholder, #sv-home textarea::placeholder{color:var(--sv-placeholder);font-style:italic} #sv-home input[type=range]{accent-color:var(--sv-violet-bright)}
@keyframes sv-home-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sv-home-sheen{0%{background-position:200% 50%}100%{background-position:-200% 50%}}
@keyframes sv-home-twinkle{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
@keyframes sv-home-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sv-home-pulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--sv-glow-rgb),.45)}70%{box-shadow:0 0 0 14px rgba(var(--sv-glow-rgb),0)}}
@keyframes sv-home-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sv-home-slideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes sv-home-blink{0%,100%{opacity:.4}50%{opacity:1}}
@media (max-width:720px){ #sv-home .m-stack{grid-template-columns:1fr !important} #sv-home .m-hide{display:none !important} #sv-home .m-1col{grid-template-columns:1fr !important} #sv-home .m-bottom{display:flex !important} #sv-home .m-main{height:calc(100% - 64px - env(safe-area-inset-bottom)) !important} #sv-home .m-home{grid-template-columns:1fr !important;grid-template-rows:minmax(0,1fr) !important;overflow-y:auto !important} #sv-home .m-home>div:first-child{overflow:visible !important;padding-bottom:0 !important} #sv-home .m-home>div:last-child{border-left:0 !important;border-top:1px solid var(--sv-line-soft);overflow:visible !important} #sv-home .m-home>div:last-child>div:last-child{overflow:visible !important;flex:none !important} #sv-home .m-settings{grid-template-columns:1fr !important;grid-template-rows:auto minmax(0,1fr) !important} #sv-home .m-settings>div:first-child{flex-direction:row !important;flex-wrap:wrap;gap:6px !important;padding:12px 12px !important;border-right:0 !important;border-bottom:1px solid var(--sv-line-soft);overflow:visible !important} #sv-home .m-settings>div:first-child>div:first-child{display:none !important} #sv-home .m-settings>div:first-child button{width:auto !important;padding:8px 12px !important} #sv-home .m-social{grid-template-columns:1fr !important} #sv-home .m-social>div:first-child{border-right:0 !important} #sv-home .m-social.chat-open>div:first-child{display:none !important} #sv-home .m-social:not(.chat-open)>div:last-child{display:none !important} #sv-home .m-topbar{gap:8px !important;padding:0 10px !important} #sv-home .m-topbar>*{flex:0 0 auto} #sv-home .m-topbar .m-word{font-size:11px !important;letter-spacing:.16em !important} #sv-home .m-topbar .m-anima{padding:6px 10px !important;font-size:10px !important;gap:6px !important} #sv-home .m-topbar .m-spacer{flex:1 1 auto !important} #sv-home #rail{height:270px !important} #sv-home #rail>div{flex:0 0 min(78vw,300px) !important}
}
@media (min-width:721px) and (max-width:1100px){ #sv-home .m-tabs{flex-wrap:nowrap !important;gap:2px !important} #sv-home .m-tabs>button, #sv-home .m-tabs>a{padding:7px 9px !important;letter-spacing:.1em !important;font-size:9.5px !important;white-space:nowrap} #sv-home .m-tabs .m-soon{display:none !important} #sv-home .m-topbar{gap:10px !important}
}
@media (max-width:420px){ #sv-home .m-bottom button, #sv-home .m-bottom a{font-size:7.5px !important;letter-spacing:.1em !important} #sv-home .m-topbar .m-word{display:none !important}
}
@keyframes sv-home-halo{0%,100%{box-shadow:0 0 0 0 rgba(var(--sv-glow-rgb),.0),0 0 18px -6px rgba(var(--sv-glow-rgb),.6)}50%{box-shadow:0 0 0 6px rgba(var(--sv-glow-rgb),.08),0 0 26px -4px var(--sv-line-hover)}}
@media (prefers-reduced-motion:reduce){ #sv-home *{animation:none !important;transition:none !important}} #sv-home .hv1:hover{border-color:var(--sv-line-hover) !important} #sv-home .hv2:hover{color:var(--sv-text) !important} #sv-home .hv3:hover{color:var(--sv-text) !important;border-color:var(--sv-line-hover) !important} #sv-home .hv4:hover{border-color:rgba(var(--sv-glow-rgb),.8) !important;color:var(--sv-text) !important} #sv-home .hv5:hover{border-color:rgba(var(--sv-glow-rgb),.8) !important} #sv-home .hv6:hover{color:var(--sv-on-primary) !important;transform:translateY(-3px) !important} #sv-home .hv7:hover{color:var(--sv-text) !important;border-color:var(--sv-line-hover) !important;transform:translateY(-3px) !important} #sv-home .hv8:hover{transform:translateY(-6px) !important} #sv-home .hv9:hover{transform:translateY(-6px) !important;border-color:var(--sv-line-hover) !important;color:var(--sv-text) !important} #sv-home .hv10:hover{transform:translateY(-5px) !important;border-color:rgba(var(--sv-glow-rgb),.8) !important;color:var(--sv-text) !important} #sv-home .hv11:hover{transform:translateY(-5px) !important;border-color:var(--sv-line-hover) !important;color:var(--sv-text) !important} #sv-home .hv12:hover{color:var(--sv-danger) !important;border-color:rgba(220,90,78,.6) !important} #sv-home .hv13:hover{color:var(--sv-on-primary) !important} #sv-home .hv14:hover{transform:translateY(-5px) !important;border-color:rgba(var(--sv-glow-rgb),.7) !important} #sv-home .hv15:hover{background:rgba(147,181,111,.3) !important} #sv-home .hv16:hover{background:rgba(220,90,78,.18) !important} #sv-home .hv17:hover{background:var(--sv-fill-hover) !important} #sv-home .hv18:hover{border-color:var(--sv-line-hover) !important;color:var(--sv-text) !important} #sv-home .hv19:hover{border-color:rgba(220,90,78,.6) !important;color:var(--sv-danger) !important} #sv-home .hv20:hover{transform:translateY(-5px) !important;border-color:rgba(var(--sv-glow-rgb),.85) !important} #sv-home .hv21:hover{transform:translateY(-5px) !important} #sv-home .hv22:hover{border-color:rgba(var(--sv-glow-rgb),.7) !important} #sv-home .hv23:hover{color:var(--sv-text) !important;background:rgba(var(--sv-accent-rgb),.1) !important} #sv-home .hv24:hover{background:rgba(220,90,78,.12) !important} #sv-home .hv25:hover{transform:translateY(-2px) !important} #sv-home .hv26:hover{color:var(--sv-text) !important;border-color:rgba(var(--sv-glow-rgb),.8) !important} #sv-home .hv27:hover{background:rgba(var(--sv-accent-rgb),.1) !important;color:var(--sv-text) !important} #sv-home .hv28:hover{background:var(--sv-fill-hover) !important;color:var(--sv-text) !important} #sv-home .hv29:hover{background:rgba(220,90,78,.1) !important} #sv-home .hv30:focus-visible{border-color:var(--sv-line-hover) !important}
#sv-home .m-topbar .m-word:hover{color:var(--sv-violet-bright) !important} #sv-home .m-topbar .m-word:focus-visible{outline:1px solid var(--sv-line-hover);outline-offset:5px;border-radius:4px}
@media (max-width:720px){ #sv-home .sv-profile-back,#sv-home .sv-profile-msg{min-height:44px !important} #sv-home .sv-author-link{display:inline-block;padding:6px 2px !important} }