
:root{--sc-ease:cubic-bezier(.2,.9,.2,1);--sc-shadow:0 24px 70px rgba(9,47,70,.12);--sc-soft:rgba(255,255,255,.72);--sc-line:rgba(9,47,70,.11);--sc-ink:#092f46;--sc-orange:#ff7a18;--sc-mint:#67e8d4}
html{scroll-behavior:smooth}body{background-attachment:fixed!important;position:relative}body:before,body:after{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:999px;filter:blur(36px);opacity:.34;animation:scDrift 10s var(--sc-ease) infinite alternate}body:before{width:300px;height:300px;left:-110px;top:15%;background:#ff8a21}body:after{width:360px;height:360px;right:-130px;top:20%;background:#67e8d4;animation-delay:-3s}.sc-orb{position:fixed;z-index:-1;pointer-events:none;border-radius:999px;filter:blur(18px);opacity:.18;mix-blend-mode:multiply;animation:scFloat 12s var(--sc-ease) infinite alternate}.sc-orb.o1{width:160px;height:160px;background:#ff6b9d;left:8%;bottom:10%}.sc-orb.o2{width:220px;height:220px;background:#67e8d4;right:9%;bottom:14%;animation-delay:-4s}.sc-orb.o3{width:130px;height:130px;background:#ffdf6e;left:48%;top:8%;animation-delay:-7s}@keyframes scDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18px,-30px,0) scale(1.08)}}@keyframes scFloat{from{transform:translate3d(0,0,0) scale(1) rotate(0)}to{transform:translate3d(22px,-28px,0) scale(1.08) rotate(6deg)}}
.nav,.navIn,.top,.hero,.panel,.card,.feature,.box,.work,.stat,.bigBtn,.step,.file,.item,.health div,.table,.row,.filterbar .btn,.doneBox,.modal,.freeBox{transition:transform .24s var(--sc-ease),box-shadow .24s var(--sc-ease),border-color .24s var(--sc-ease),background .24s var(--sc-ease),filter .24s var(--sc-ease)}
.card,.hero,.panel,.feature,.box,.table,.doneBox,.modal,.freeBox{box-shadow:var(--sc-shadow)!important}.feature:hover,.bigBtn:hover,.step:hover,.work:hover,.box:hover,.stat:hover,.file:hover,.item:hover{transform:translateY(-4px);box-shadow:0 30px 82px rgba(9,47,70,.15)!important}.card:hover,.hero:hover,.panel:hover{box-shadow:0 30px 86px rgba(9,47,70,.14)!important}
a.btn,.pill,button,.doneBtn,.modalBtn,.bigBtn,.chip{position:relative;overflow:hidden}a.btn:after,.pill:after,button:after,.doneBtn:after,.modalBtn:after,.bigBtn:after,.chip:after{content:"";position:absolute;inset:-45% auto -45% -70%;width:52%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);opacity:0;pointer-events:none}a.btn:hover:after,.pill:hover:after,button:hover:after,.doneBtn:hover:after,.modalBtn:hover:after,.bigBtn:hover:after,.chip:hover:after{animation:scShine .66s ease}@keyframes scShine{0%{left:-70%;opacity:0}20%{opacity:1}100%{left:125%;opacity:0}}
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,select:focus,textarea:focus{border-color:rgba(255,122,24,.5)!important;box-shadow:0 0 0 4px rgba(255,122,24,.12)!important;transform:translateY(-1px)}
.sc-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translateX(-50%) translateY(18px) scale(.98);opacity:0;pointer-events:none;padding:12px 16px;border-radius:18px;background:rgba(15,23,42,.92);color:#d1fae5;font-weight:950;box-shadow:0 22px 70px rgba(0,0,0,.22);backdrop-filter:blur(14px);transition:.24s var(--sc-ease)}.sc-toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.sc-cursor-pop{position:fixed;z-index:9998;pointer-events:none;font-size:24px;transform:translate(-50%,-50%);animation:scPop .8s ease forwards;filter:drop-shadow(0 10px 16px rgba(9,47,70,.18))}@keyframes scPop{0%{opacity:0;transform:translate(-50%,-20%) scale(.6) rotate(-8deg)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-130%) scale(1.1) rotate(12deg)}}
.sc-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--sc-ease),transform .55s var(--sc-ease)}.sc-reveal.in{opacity:1;transform:translateY(0)}.sc-reveal:nth-child(2n){transition-delay:.03s}.sc-reveal:nth-child(3n){transition-delay:.06s}
body.sc-moving:before{transform:translate3d(var(--scmx,0),var(--scmy,0),0) scale(1.08)}
/* SwitchC flash sidebar help polish */
.side .helpBox{border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,246,212,.78))!important;box-shadow:0 16px 42px rgba(9,47,70,.09)!important;margin-top:18px!important;overflow:hidden!important}.side .helpHead{padding:14px 14px 14px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;align-items:center!important;gap:12px!important}.side .helpHead>div{min-width:0!important}.side .helpHead span{font-size:12px!important;letter-spacing:.12em!important}.side .helpHead div div{font-size:15px!important;line-height:1.35!important;letter-spacing:-.02em!important;word-break:normal!important}.side .helpHead b{width:78px!important;min-width:78px!important;height:34px!important;justify-content:center!important;white-space:nowrap!important;flex-shrink:0!important;padding:0 12px!important;font-size:14px!important;line-height:34px!important;border-radius:999px!important}.side .helpContent{padding:0 16px!important}.side .helpBox.open .helpContent{padding:0 16px 16px!important;max-height:980px!important}.side .helpContent ul{font-size:13px!important;line-height:1.65!important;padding-left:18px!important}.side .helpCode{font-size:12px!important;border-radius:12px!important}.side .notice{border-radius:20px!important;background:linear-gradient(135deg,rgba(255,243,224,.9),rgba(255,251,235,.78))!important}
/* Card management detail polish */
.selectBar .focusPick{background:linear-gradient(135deg,rgba(103,232,212,.42),rgba(255,255,255,.9))!important;border-color:rgba(15,118,110,.22)!important;color:#0f766e!important}.selectBar .focusPick:hover{filter:saturate(1.12);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
/* SwitchC ui4 final page balance */
body{background-repeat:no-repeat!important;background-size:cover!important}
.navIn,.hero,.section,.page,.wrap{isolation:isolate}
.nav{box-shadow:0 10px 34px rgba(9,47,70,.045)}
.hero,.section,.card,.panel{position:relative}
.hero:where(header):after,.section:after{content:"";position:absolute;inset:auto 4% -24px 4%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);pointer-events:none}
.side .helpBox{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,248,220,.86))!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:22px!important}.side .helpHead{grid-template-columns:minmax(0,1fr) 72px!important}.side .helpHead b{width:72px!important;min-width:72px!important}.side .helpHead div div{font-size:14px!important;line-height:1.35!important}.side .helpHead span{color:#a44900!important}.steps{align-items:stretch!important}.step{height:100%}
.noticeReact,.workCard,.card,.feature,.step{will-change:transform}
@media(max-width:700px){.noticeReactions{grid-template-columns:1fr!important}.noticeReact{min-height:70px!important}.hero,.section{width:min(100% - 28px,1220px)!important}}

/* SwitchC 0.1.5 community polish */
.reveal,.feature,.glass,.panel,.work,.stat,.bigBtn,.controlPanel{animation:switchcRise .52s cubic-bezier(.2,.9,.2,1) both}
.feature:nth-child(2n),.work:nth-child(2n){animation-delay:.04s}.feature:nth-child(3n),.work:nth-child(3n){animation-delay:.08s}
@keyframes switchcRise{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.btn,.pill,button,.bigBtn,.feature,.work{will-change:transform}
.btn:active,.pill:active,button:active{transform:translateY(1px) scale(.985)!important}
.switchcFloatBubble{position:fixed;right:18px;bottom:18px;z-index:30;width:88px;height:88px;border-radius:32px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,122,24,.22));border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 54px rgba(9,47,70,.12);pointer-events:none;animation:switchcBubble 5s ease-in-out infinite alternate}
@keyframes switchcBubble{to{transform:translateY(-14px) rotate(6deg);filter:saturate(1.2)}}
@media(max-width:760px){.switchcFloatBubble{display:none}.navIn{min-height:auto}.links{gap:8px}}
