:root{color-scheme:dark;--bg:#0d0d11;--surface:#15151a;--raised:#1b1b22;--line:#2b2a34;--text:#f7f4f6;--muted:#aaa6b3;--pink:#ff718d;--brand:#e83555;--cta:#ae203c;--green:#81e2b6;--amber:#ffd18a;--radius:17px;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}p{line-height:1.6}h1,h2,h3{letter-spacing:-.034em}h2{font-size:1.45rem}h3{font-size:1rem}small{font-size:.78rem}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:3px}main:focus,.work:focus{outline:none}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:50;background:var(--cta);padding:12px}.skip:focus{transform:none}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.pink{color:var(--pink)}.muted{color:var(--muted);font-size:.88rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 17px;border:1px solid #383640;border-radius:10px;background:#1c1b22;color:var(--text);font-weight:650;line-height:1.2;transition:background .18s,border .18s;white-space:normal;text-align:center}.btn:hover{background:#282631;border-color:#625560}.btn.primary{background:var(--cta);border-color:#d8425e;color:white}.btn.primary:hover{background:#c32748}.btn.ghost{background:#150d13b8;border-color:#57414b}.btn.small{font-size:.83rem;padding:8px 12px;min-height:42px}.btn.icon-btn{padding:8px;min-height:38px}.text-btn{border:0;background:none;color:var(--text);font-size:.88rem;padding:10px 0;text-underline-offset:4px}.text-btn:hover{text-decoration:underline}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--pink);letter-spacing:.17em;font-size:.69rem;font-weight:760}.eyebrow i,.toplabel i{width:7px;height:7px;border-radius:50%;background:#ff5a7a;box-shadow:0 0 13px #ff4b71;display:inline-block}
.site-wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.site-head{position:relative;background:#0b080d;z-index:2;border-bottom:1px solid #29212a}.site-head .site-wrap{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px}.site-head nav{display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:1.23rem;letter-spacing:-.04em;line-height:1.1}.brand img{width:41px;height:41px;object-fit:contain}.brand small{display:block;color:#b8aab2;font-size:.52rem;letter-spacing:.14em;margin-top:5px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:670px;background:#0b0004;display:flex;flex-direction:column;justify-content:center}.veil{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,#360c20 0%,transparent 68%),#0b0004}.veil:before,.veil:after{content:"";position:absolute;inset:-15%;opacity:.8;background:conic-gradient(from 225deg at 44% 65%,transparent 0 13%,#9b193d 17%,#230c1a 21%,transparent 35% 70%,#640d33 79%,transparent 92%);filter:blur(48px);transform:rotate(-13deg) scale(1.14);animation:veil 15s ease-in-out infinite alternate}.veil:after{opacity:.46;transform:rotate(18deg);animation-direction:alternate-reverse}.hero-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b060b 6%,#10070dee 29%,#1509139c 50%,transparent 76%),linear-gradient(0deg,#0c080e 0%,transparent 27%)}.hero-content{padding:62px 0 92px;position:relative}.hero-logo{width:89px;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 0 28px #e835554b;margin-bottom:25px;animation:arrive .95s both,glow 4s 1s ease-in-out 2}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);font-weight:780;line-height:.97;letter-spacing:-.083em;margin:20px 0 24px;animation:arrive .8s .14s both}.hero em{color:#ff7895;font-style:normal}.hero p{font-size:1.13rem;max-width:440px;color:#d1c4cf}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:-50% auto -50% -45%;width:27%;transform:skew(-22deg);background:linear-gradient(90deg,transparent,#fff4,transparent);animation:shine 6s 1.5s infinite;pointer-events:none}.gallery{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:66%;overflow:hidden;perspective:1100px;mask-image:linear-gradient(90deg,transparent 0%,black 22%)}.plane{position:absolute;left:2%;top:-9%;width:120%;transform:rotateY(-21deg) rotateZ(-12deg) scale(1.04);transform-style:preserve-3d}.track{display:flex;width:max-content;animation:track 19s linear infinite}.track.reverse{animation-direction:reverse}.tiles{display:flex;gap:14px;padding:0 14px 14px 0}.tile{width:246px;height:172px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #ac627259;background:radial-gradient(ellipse at 70% 30%,#643248,#1d1926 80%);box-shadow:0 9px 25px #07020680}.tile img{width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.78)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10050ac9 0%,transparent 58%)}.tile figcaption{position:absolute;z-index:1;left:14px;bottom:13px;color:#fff;font-size:.75rem;font-weight:700}.gallery-footer{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:9px;color:#c6b6c2;font-size:.6rem;font-weight:700;letter-spacing:.1em}.motion-controls{display:flex;align-items:center;gap:15px;letter-spacing:0}.motion-controls label{display:flex;align-items:center;gap:7px;font-size:.75rem}.motion-controls select{width:auto;font-size:.76rem;padding:6px}.motion-controls .text-btn{font-size:.76rem}.paused .track,.paused .veil:before,.paused .veil:after,.motion-paused .mini-marquee,.motion-paused .shimmer:after,.motion-paused .hero-logo,.page-hidden .track,.page-hidden .mini-marquee,.page-hidden .veil:before,.page-hidden .veil:after,.gallery-offscreen .track,.gallery-offscreen .veil:before,.gallery-offscreen .veil:after{animation-play-state:paused}
@keyframes track{to{transform:translateX(-50%)}}@keyframes veil{to{transform:rotate(16deg) scale(1.36) translate(5%,-5%)}}@keyframes arrive{from{opacity:0;filter:blur(9px);transform:translateY(13px)}to{opacity:1;filter:none;transform:none}}@keyframes glow{50%{box-shadow:0 0 45px #e8355580}}@keyframes shine{30%,100%{left:140%}}
.work{padding:74px 0 56px}.work>h2,.closing h2{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0}.work>p,.closing p,.feature p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.feature{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,#1d151f,#15151a 70%);position:relative;transition:border .2s,transform .2s}.feature:hover{border-color:#7f3e52;transform:translateY(-3px)}.feature>span{position:absolute;right:18px;top:19px;color:#ba9cab;font-size:.77rem}.feature .icon{color:var(--pink)}.feature h3{font-size:1.25rem;margin:13px 0 7px}.mini-window{margin:32px 0;overflow:hidden;perspective:500px;mask-image:linear-gradient(90deg,transparent,black 10% 90%,transparent)}.mini-marquee{width:max-content;display:flex;animation:mini 34s linear infinite}.mini-lane{display:flex;gap:14px;padding-right:14px}.mini-lane span{border:1px solid #5c2f40;background:#1f1420;color:#f1c6d5;padding:9px 16px;border-radius:8px;transform:rotateY(-13deg);white-space:nowrap}@keyframes mini{to{transform:translateX(-50%)}}.closing,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.closing{margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.site-footer{border-top:1px solid var(--line);min-height:80px;color:var(--muted);font-size:.83rem}
.entry{min-height:calc(100vh - 73px);position:relative;isolation:isolate;display:grid;place-items:center;padding:28px 16px}.entry-card{width:min(100%,550px);background:#141119f5;padding:31px;border-radius:23px;border:1px solid #553142;box-shadow:0 18px 60px #0009}.entry-card .hero-logo{width:68px;margin-bottom:16px}.entry-card h1{font-size:clamp(2rem,5vw,3rem);margin:9px 0}.entry-card p{color:var(--muted)}.role-list{display:grid;gap:10px;margin-top:22px}.role{justify-content:flex-start;text-align:left;min-height:62px}.role span{flex:1}.role small,.identity small{display:block;color:var(--muted);margin-top:4px;font-weight:400}.role>.icon:first-child{color:var(--pink)}
.workspace{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#111116;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;gap:14px}.sidebar .brand{margin:0 6px 22px}.side-label{color:#a8a0ae;font-size:.63rem;letter-spacing:.13em;padding-left:9px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{min-height:44px;padding:10px;display:flex;align-items:center;gap:10px;border-radius:9px;color:#c4beca;font-size:.91rem}.sidebar nav a:hover{background:#211c26}.sidebar nav a[aria-current]{background:#311d29;color:#ffacc0;font-weight:700;box-shadow:inset 2px 0 var(--brand)}.side-bottom{margin-top:auto;display:grid;gap:12px;justify-items:start;padding-left:7px}.side-bottom a{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.desk{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);background:#111116;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px}.toplabel,.identity{display:flex;align-items:center;gap:9px;font-size:.84rem}.toplabel span{color:#a49aaa}.avatar{width:38px;height:38px;border-radius:10px;background:#38212f;color:#ffc1d0;border:1px solid #653448;display:grid;place-items:center;font-size:.76rem;font-weight:760;flex:none}.identity .btn{margin-left:7px}.panel-body{max-width:1340px;margin:auto;padding:28px;display:grid;gap:19px}.page-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:5px}.page-heading h1{font-size:clamp(2rem,4vw,3rem);margin:7px 0 3px}.page-heading p,.section-head p,.account p,.admin-row p{color:var(--muted);font-size:.88rem}.date-control{min-width:174px}
input,select,textarea{color:var(--text);background:#101016;border:1px solid #484550;border-radius:8px;padding:10px 11px;min-height:42px;width:100%;min-width:0}textarea{resize:vertical}label{display:grid;gap:5px;font-weight:600;color:#e7e0e9;font-size:.83rem;min-width:0}label small{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat,.box{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.stat{padding:15px 17px;display:grid;gap:5px}.stat>div{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#e0dbe4;font-weight:600;font-size:.87rem}.stat>strong{font-size:2rem;letter-spacing:-.06em}.stat small{color:var(--muted)}.stat-icon{padding:6px;border-radius:8px;display:grid;background:#272532;color:#c9bfd4}.stat-icon.green{background:#18312b;color:var(--green)}.stat-icon.amber{background:#37291f;color:var(--amber)}.stat-icon.rose{background:#37212b;color:var(--pink)}.box{padding:17px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.account,.admin-row{border-top:1px solid var(--line);min-height:70px;display:grid;grid-template-columns:1.35fr 1fr minmax(160px,auto);align-items:center;gap:10px;padding:10px 0}.account-main,.account-actions,.badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-main{flex-wrap:nowrap}.account-actions{justify-content:flex-end}.badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#282630;color:#e0d9e5;font-size:.71rem;font-weight:700;line-height:1.2}.badge.green{background:#18372e;color:#a5ecc9}.badge.amber{background:#402d1e;color:#ffda9b}.badge.rose{background:#3e2330;color:#ffb4c7}.notice{display:flex;align-items:flex-start;gap:9px;background:#261a24;border:1px solid #593346;border-radius:11px;color:#f0cad9;padding:11px 13px;font-size:.85rem;line-height:1.5}.notice .icon{color:var(--pink)}.search{display:flex;align-items:center;gap:6px;color:var(--muted);width:min(220px,100%)}.empty{text-align:center;padding:26px 10px;color:var(--muted)}.empty .icon{color:var(--pink);width:24px;height:24px;margin-bottom:6px}.empty h3{color:var(--text)}.empty p{font-size:.84rem;margin-top:5px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;padding-bottom:17px;margin-bottom:15px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.table-wrap table{border-collapse:collapse;text-align:left;font-size:.8rem;white-space:nowrap}.table-wrap th,.table-wrap td{padding:10px;border-bottom:1px solid var(--line)}.table-wrap th{background:#201d27}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-row{display:flex;justify-content:space-between;font-size:.89rem}.admin-row span:not(.avatar):not(.badge){color:var(--muted)}.reset-row{display:flex;justify-content:end}.narrow{max-width:680px;width:100%}
dialog{padding:0;color:var(--text);background:#17151d;border:1px solid #534252;border-radius:16px;width:min(525px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 16px 90px #000b}dialog.wide{width:min(730px,calc(100% - 28px))}dialog::backdrop{background:#07050aca;backdrop-filter:blur(4px)}.dialog-head,.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;background:#1b1720;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.28rem}.dialog-foot{justify-content:flex-end;flex-wrap:wrap;top:auto;bottom:0;border-bottom:0;border-top:1px solid var(--line)}.dialog-body{display:grid;gap:12px;padding:14px 16px}.report-context{display:flex;justify-content:space-between;align-items:center;gap:9px;background:#271d2a;padding:10px 13px}.report-context p{color:var(--muted);font-size:.8rem}.segmented,.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.segmented .btn[aria-pressed=true]{color:#ffc1d0;border-color:#ad4b67;background:#36202d}.form-section{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.form-grid.results{grid-template-columns:repeat(3,minmax(0,1fr))}.form-footer{grid-column:1/-1;display:flex;justify-content:flex-end}.total-line{background:#241c29;padding:7px 9px;border-radius:7px;display:flex;justify-content:space-between;font-size:.83rem}.import-feedback{display:grid;gap:8px;font-size:.83rem;color:#e6d4de}.check{display:flex;align-items:center;gap:7px}.check input{width:20px;min-height:20px;accent-color:var(--brand)}.form-error{color:#ff9db3;font-weight:650;font-size:.85rem}.form-error:empty{display:none}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.detail-metrics>div{background:#241e2a;padding:8px;border-radius:7px;display:grid;gap:4px}.detail-metrics strong{font-size:1.25rem}.detail-metrics span,.kv span{font-size:.78rem;color:var(--muted)}.kv{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px}.kv>div{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid var(--line);padding:4px}.note{white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,140%);background:#312334;border:1px solid #8d4863;color:white;padding:11px 16px;border-radius:10px;z-index:100;max-width:calc(100% - 22px);width:max-content;opacity:0;transition:.2s;pointer-events:none;font-size:.86rem}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.site-wrap{width:calc(100% - 48px)}.workspace{grid-template-columns:178px minmax(0,1fr)}.topbar,.panel-body{padding-inline:17px}.account{grid-template-columns:1fr 1fr}.account-actions{grid-column:1/-1;justify-content:flex-start}.filters{grid-template-columns:1fr 1fr}.gallery{width:73%}}
@media(max-width:650px){.site-wrap{width:calc(100% - 32px)}.site-head .site-wrap{min-height:60px}.site-head nav .text-btn{display:none}.site-head .btn{font-size:.72rem;padding-inline:8px}.brand{font-size:1.07rem}.brand img{width:32px;height:32px}.hero{min-height:660px;justify-content:flex-end}.hero-content{padding:155px 0 103px}.hero-logo{width:66px;margin-bottom:17px}.hero h1{font-size:clamp(2.85rem,11.7vw,4.5rem);margin:14px 0 15px}.hero p{font-size:.97rem}.hero-actions{gap:7px;margin-top:19px}.hero-actions .btn{font-size:.8rem;padding-inline:9px}.hero-scrim{background:linear-gradient(0deg,#0b060b 10%,#10070df7 46%,#10070d80 73%,#10070d12 100%)}.gallery{width:100%;height:350px;mask-image:linear-gradient(black 40%,transparent 100%)}.plane{left:-35%;top:-15%;transform:rotateY(-10deg) rotateZ(-9deg);width:150%}.tile{width:162px;height:114px}.tile figcaption{display:none}.tiles{gap:8px;padding:0 8px 8px 0}.track{animation-duration:calc(19s * .66)}.gallery-footer{flex-wrap:wrap;gap:3px}.motion-controls{width:100%}.work{padding:41px 0 28px}.feature-grid{grid-template-columns:1fr;gap:9px;margin-top:19px}.feature{padding:16px}.closing,.site-footer{align-items:flex-start;flex-direction:column;gap:11px}.site-footer{padding:14px 0}.entry-card{padding:19px}.workspace{display:flex;flex-direction:column}.desk{display:contents}.topbar{order:-2;height:auto;min-height:58px;padding:8px 12px}.toplabel{font-size:0}.toplabel span{display:none}.identity .avatar{width:31px;height:31px}.identity strong{font-size:.81rem}.identity small{font-size:.67rem}.identity .btn{min-height:38px;margin-left:3px}.sidebar{position:sticky;top:0;z-index:4;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:5px 6px;gap:0}.sidebar .brand,.side-label,.side-bottom{display:none}.sidebar nav{display:flex;justify-content:stretch;gap:2px}.sidebar nav a{flex:1;justify-content:center;min-width:0;flex-direction:column;text-align:center;gap:3px;font-size:.61rem;padding:6px 2px;line-height:1.12}.sidebar nav a[aria-current]{box-shadow:inset 0 -2px var(--brand)}.sidebar nav .icon{height:16px;width:16px}.panel-body{margin:0;padding:14px 11px;gap:12px}.page-heading{align-items:start;flex-direction:column;gap:8px}.page-heading h1{font-size:2rem}.date-control{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat{padding:9px}.stat>div{font-size:.77rem;min-height:30px}.stat-icon{padding:3px}.stat-icon .icon{width:15px;height:15px}.stat>strong{font-size:1.65rem}.stat small{font-size:.68rem}.box{padding:11px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h2{font-size:1.2rem}.account{gap:7px}.account-main{grid-column:1/-1}.account .badges{grid-column:1/-1}.admin-grid{grid-template-columns:1fr;gap:10px}.filters .btn{grid-column:1/-1}.dialog-head,.dialog-body,.dialog-foot{padding-inline:10px}.dialog-foot .btn{font-size:.78rem;min-height:41px}.form-grid.results{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.kv{grid-template-columns:1fr}dialog input,dialog textarea,input[type=search]{font-size:16px}}
@media(prefers-reduced-motion:reduce){body:not(.institutional-motion) *,body:not(.institutional-motion) *::before,body:not(.institutional-motion) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-logo{opacity:1}.motion-controls{display:none}}
.mini-window.gallery-offscreen .mini-marquee{animation-play-state:paused}#report-form>.report-context{position:sticky;top:61px;z-index:1}#report-form :is(input,textarea){scroll-margin:125px 0 105px}

/* Continuação visual do carrossel na seção institucional. */
.work-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 82% 0%, #601331 0%, #270c20 38%, #0d0d11 75%);
}
.work-scene:focus { outline: none; }
.work-portrait, .work-rays {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.work-portrait {
  left: 36%;
  background: linear-gradient(150deg, #6b173e66, #16071325 55%), url("assets/cena-1.jpg") 70% 29% / cover;
  opacity: .54;
  clip-path: polygon(28% 0, 100% 0, 100% 71%, 0 100%);
  mask-image: linear-gradient(#000 0%, #000 27%, transparent 84%);
}
.work-rays {
  background:
    linear-gradient(149deg, transparent 47.8%, #f14d7770 48%, transparent 48.35%),
    linear-gradient(149deg, transparent 57.7%, #f14d773b 57.9%, transparent 58.1%),
    linear-gradient(111deg, #100913 11%, #100913d9 39%, transparent 71%);
  mask-image: linear-gradient(#000 3%, #000 35%, transparent 91%);
}
.work-scene .feature { background: linear-gradient(140deg, #241522ed, #15151af2 75%); }
.wordmark {
  position: relative;
  width: clamp(300px, 36vw, 490px);
  margin: -18px 0 2px -20px;
  animation: wordmark-in .9s cubic-bezier(.2,.75,.25,1) both;
}
.wordmark img { width: 100%; animation: wordmark-glow 5s .9s ease-in-out infinite; }
@keyframes wordmark-in {
  from { opacity: 0; transform: translateY(10px) scale(.97); filter: blur(6px); }
  to { opacity: 1; transform: none; filter: none; }
}
@keyframes wordmark-glow {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 3px #f4497830); }
  36%, 52% { transform: scale(1.035); filter: drop-shadow(0 0 20px #f44978b3); }
}
@media (max-width: 650px) {
  .work-portrait { left: 18%; opacity: .4; background-position: 68% 16%; }
  .work-rays { background-color: #130a1450; }
  .wordmark { width: min(310px, 88vw); margin: -10px 0 0 -14px; }
}

.site-head {
  background: linear-gradient(110deg, #160b16, #0b080d 68%);
  border-bottom-color: #452337;
}
.site-head .site-wrap { min-height: 84px; }
.site-brand { display: block; width: clamp(150px, 19vw, 240px); flex: none; }
.site-brand img { width: 100%; height: auto; }
.site-head nav { gap: clamp(12px, 3vw, 36px); }
.site-head nav .text-btn { color: #e2d2dd; }
.site-head .site-access { min-height: 44px; box-shadow: 0 4px 22px #e8355533; }
.motion-paused .wordmark img,
.page-hidden .wordmark img,
.gallery-offscreen .wordmark img { animation-play-state: paused; }
@media (max-width: 650px) {
  .site-head .site-wrap { min-height: 65px; }
  .site-head .site-access { font-size: .8rem; padding-inline: 12px; }
}

.wordmark-caption {
  display: block;
  margin-top: -5%;
  padding-bottom: 12px;
  color: #e6cbd8;
  text-align: center;
  font-size: clamp(.72rem, 1.25vw, .92rem);
  font-weight: 650;
  letter-spacing: .14em;
}
@supports (background-clip: text) {
  .hero .focus-shine {
    display: inline-block;
    padding-inline-end: .1em;
    margin-inline-end: -.1em;
    white-space: nowrap;
    color: transparent;
    background: linear-gradient(105deg, #ff7895 43%, #ffb4ce 48%, #ffe5f1 50%, #ffb4ce 52%, #ff7895 57%) 100% 50% / 300% 100%;
    background-clip: text;
    animation: focus-sweep 5s 1s ease-in-out infinite;
  }
}
@keyframes focus-sweep {
  0%, 22% { background-position: 100% 50%; }
  62%, 100% { background-position: 0% 50%; }
}
.motion-paused .focus-shine,
.page-hidden .focus-shine,
.gallery-offscreen .focus-shine { animation-play-state: paused; }

.meeting-card { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.meeting-card h2 { margin-top: 5px; }
.meeting-card p { color: var(--muted); }
.meet-history { margin-top: 22px; }
.meet-history h3 { margin-top: 12px; }

.training { display: grid; gap: 14px; width: min(100%, 760px); }
.training-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.training-chat { border: 1px solid #40544c; border-radius: 13px; overflow: hidden; background: #13251f; }
.training-chat.instagram { border-color: #524161; background: #171321; }
.training-chat header { padding: 12px; display: flex; align-items: center; gap: 9px; background: #ffffff0b; }
.training-chat header small { display: block; color: #d2c8d5; }
.training-thread { padding: 14px; display: grid; gap: 8px; }
.training-message { width: fit-content; max-width: 85%; padding: 8px 11px; border-radius: 11px 11px 11px 3px; background: #30413c; }
.training-message.sent { justify-self: end; border-radius: 11px 11px 3px 11px; background: #215b45; }
.instagram .training-message { background: #342d42; border-radius: 17px; }
.instagram .training-message.sent { background: linear-gradient(135deg,#5140a6,#723c91); }
.training-replies { display: grid; gap: 8px; }
.training-option { justify-content: start; text-align: left; }
@media (max-width: 650px) {
  .training-settings { grid-template-columns: 1fr; }
  .sidebar nav { flex-wrap: wrap; }
  .sidebar nav a { flex-basis: 30%; }
}

.site-brand { width: 50px; border-radius: 12px; transition: filter .2s ease; }
.site-brand:hover { filter: drop-shadow(0 0 8px #f3426966); }
.institutional-footer {
  border-top: 1px solid #542439;
  background: radial-gradient(ellipse at 12% 0%, #301121, #100b12 65%);
}
.footer-main, .footer-base {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.footer-main { padding-block: 30px; }
.footer-brand { display: block; width: min(220px, 56vw); margin-left: -8px; }
.footer-brand img { width: 100%; height: auto; }
.footer-main p { margin-top: -9px; color: #d8bacb; font-size: .85rem; }
.footer-main nav { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.footer-base { border-top: 1px solid #4a2b3c; padding-block: 15px; color: #bca7b4; font-size: .78rem; }
@media (max-width: 650px) {
  .site-brand { width: 44px; }
  .footer-main { align-items: flex-start; flex-direction: column; padding-block: 24px; gap: 12px; }
}

/* Página institucional */
.product-hero { background: #110d13; border-bottom: 1px solid #392532; }
.product-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0, .9fr); align-items: center; gap: clamp(32px, 6vw, 90px); padding-block: clamp(42px, 7vw, 102px); }
.product-wordmark { width: min(330px, 86%); margin: -28px 0 0 -14px; }
.product-copy h1 { font-size: clamp(2.2rem, 4.2vw, 4.4rem); line-height: 1.05; max-width: 15ch; }
.product-copy p { max-width: 42ch; margin-top: 20px; color: #cbbbc6; font-size: 1.05rem; }
.product-preview { margin: 0; border: 1px solid #533747; border-radius: 16px; overflow: hidden; background: #1a151d; }
.preview-top, .preview-accounts li, .preview-meeting { display: flex; align-items: center; gap: 10px; }
.preview-top { justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #48303e; background: #231925; }
.preview-body { padding: clamp(12px, 3vw, 24px); }
.preview-body > p, .product-preview small { color: #c4b2bf; }
.product-preview small { display: block; }
.preview-counts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; }
.preview-counts > div { border-left: 2px solid #aa4968; padding-left: 10px; }
.preview-counts dt { color: #d9c5d0; }
.preview-counts dd { margin: 0; font-size: 1.6rem; font-weight: 700; }
.preview-accounts { padding: 0; margin: 0; list-style: none; }
.preview-accounts li { justify-content: space-between; padding-block: 9px; border-top: 1px solid #40313b; }
.preview-meeting { margin-top: 8px; padding: 10px; background: #2b1c2a; border-radius: 8px; }
.preview-meeting .icon { color: #f084a6; }
@media (max-width: 730px) {
  .product-grid { grid-template-columns: 1fr; gap: 24px; }
  .product-wordmark { width: 225px; margin-top: -12px; }
}

/* Motion belongs to the public presentation, not the workspaces. */
.product-hero {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 80% 42%, #431429, #130c16 58%, #100c12 82%);
}
.dark-veil-canvas {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.product-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,#100a12 0%,#100a12bd 35%,transparent 74%),
    linear-gradient(0deg,#100c12 0%,transparent 24%);
}
.product-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.02fr); gap: clamp(20px,4vw,65px); padding-block: clamp(32px,5vw,64px); }
.product-copy { animation: arrive .85s .12s both; }
.product-copy h1 { max-width: 17ch; font-size: clamp(2.15rem,4vw,4.1rem); }
.product-copy > p { margin-top: 13px; }
.product-wordmark { margin: -24px 0 -4px -13px; animation: arrive .9s both, brand-light 2s .7s both; }
@keyframes brand-light { 55% { filter: drop-shadow(0 0 13px #ff5e9180); } }
.product-preview { max-width: 455px; margin: 21px 0 0; background: #1a151de8; box-shadow: 0 14px 44px #0004; }
.preview-top { padding: 9px 13px; }
.preview-body { padding: 11px 13px; }
.preview-body h2 { font-size: 1.05rem; }
.preview-body > p { font-size: .75rem; }
.preview-counts { margin: 8px 0; }
.preview-counts dd { font-size: 1.2rem; }
.preview-accounts li { padding-block: 5px; }
.preview-meeting { padding: 6px 8px; }
.site-head .site-access, .phone-copy .btn.primary { box-shadow: 0 5px 26px #e8355530; transition: box-shadow .25s, background .25s; }
.site-head .site-access:hover, .phone-copy .btn.primary:hover { box-shadow: 0 5px 30px #e8355570; }
.motion-section-heading { position: relative; z-index: 2; padding-top: clamp(32px,5vw,64px); }
.motion-section-heading h2 { font-size: clamp(1.8rem,3.6vw,3.2rem); }
.motion-section-heading p { color: #cbbbc6; margin-top: 4px; }
.image-motion { overflow: hidden; background: radial-gradient(ellipse at 60% 64%,#34162a,#110d14 70%); }
.motion-gallery { height: clamp(365px,47vw,560px); perspective: 1150px; position: relative; overflow: hidden; mask-image: linear-gradient(0deg,transparent,#000 11% 88%,transparent); }
.motion-plane { position: absolute; top: 4%; left: -13%; transform: rotateX(12deg) rotateY(-15deg) rotateZ(-9deg); }
.motion-track { display: flex; width: max-content; animation: gallery-flow 13s linear infinite; }
.motion-track.reverse { animation-direction: reverse; animation-duration: 15s; }
.motion-lane { display: flex; gap: 12px; padding: 0 12px 12px 0; }
.motion-photo { position: relative; flex: 0 0 auto; margin: 0; width: clamp(165px,22vw,320px); height: clamp(109px,14vw,193px); overflow: hidden; border: 1px solid #89566d; border-radius: 10px; background: #211723; box-shadow: 0 13px 20px #0007; transition: transform .25s, border-color .25s; }
.motion-photo:hover { transform: scale(1.035); border-color: #ff9eb8; z-index: 1; }
.motion-photo img { width: 100%; height: 100%; object-fit: cover; }
.motion-photo figcaption { position: absolute; inset: auto 0 0; padding: 15px 10px 7px; background: linear-gradient(transparent,#0d080edb); color: #fff; font-size: .77rem; font-weight: 650; }
.motion-panel { display: grid; gap: 6px; align-content: start; padding: 12px; font-size: .8rem; }
.motion-panel > span { display: flex; justify-content: space-between; color: #e4cfdc; }
.motion-panel b { color: #ff94b5; }
@keyframes gallery-flow { to { transform: translateX(-50%); } }
.stage-motion { padding: 12px 0 22px; background: #151017; overflow: hidden; }
.stage-window { perspective: 650px; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 10% 90%,transparent); }
.stage-track { animation-duration: 29s; }
.stage-card { display: flex; align-items: center; gap: 12px; width: 252px; padding: 12px; border: 1px solid #654058; border-radius: 9px; background: #2b1b2a; transform: rotateY(-15deg); box-shadow: 0 6px 0 #100c14; }
.stage-card > span { color: #ff93b1; font-size: 1.35rem; font-weight: 700; }
.stage-card small { display: block; color: #d2baca; }
.visual-offscreen .motion-track, .motion-paused .motion-track, .page-hidden .motion-track { animation-play-state: paused; }
.visual-static .dark-veil-canvas { display: none; }
.visual-static .motion-track { animation: none; }
.visual-static .motion-plane { position: relative; left: 0; top: 0; transform: none; }
.visual-static .motion-gallery, .visual-static .stage-window { mask-image: none; overflow-x: auto; }
.visual-static .motion-lane[aria-hidden] { display: none; }
@media (max-width: 730px) {
  .product-grid { grid-template-columns: 1fr; }
  .product-copy { display: contents; }
  .product-wordmark { grid-row: 1; margin-top: -16px; }
  .product-copy h1 { grid-row: 2; margin-top: -20px; }
  .product-copy > p { grid-row: 3; margin-top: -12px; }
  .product-hero .phone-story { grid-row: 4; }
  .product-preview { grid-row: 5; margin-top: 0; max-width: none; }
  .product-hero::after { background: linear-gradient(180deg,#100a12a6,transparent 65%,#100c12); }
  .visual-pause { font-size: .75rem; }
  .motion-plane { top: 11%; }
}

.motion-plane { transform-origin: min(38vw, 510px) 0; top: 6%; }
@media (max-width: 730px) {
  .motion-plane { transform-origin: 35vw 0; top: 7%; }
}

/* Institutional refinements */
.product-grid { grid-template-columns: minmax(0,.87fr) minmax(0,1.13fr); gap: clamp(24px,4vw,62px); padding-block: clamp(24px,3.5vw,48px); }
.product-hero::after {
  background: radial-gradient(ellipse at 73% 49%,#d3427029,transparent 40%),
    linear-gradient(90deg,#100a12 0%,#100a12b0 35%,transparent 73%),
    linear-gradient(0deg,#100c12,transparent 23%);
}
.product-copy h1 { max-width: 15ch; }
.product-hero .phone-render { height: clamp(410px,44vw,610px); }
.motion-track { animation-duration: 15s; }
.motion-track.reverse { animation-duration: 17s; }
.stage-track { animation-duration: 29s; }
.platform-close { background: #151017; padding-block: clamp(32px,6vw,84px); }
.platform-close-inner { position: relative; isolation: isolate; overflow: hidden; padding: clamp(24px,5vw,72px); border: 1px solid #744057; border-radius: 20px; background: radial-gradient(ellipse at 90% 40%,#542036,#241423 55%,#1c131e); }
.platform-mark { position: absolute; z-index: -1; right: -3%; top: 50%; width: clamp(170px,32vw,460px); height: auto; opacity: .26; transform: translateY(-50%); }
.platform-wordmark { width: min(220px,75%); margin-left: -7px; }
.platform-close h2 { max-width: 18ch; font-size: clamp(1.8rem,4.3vw,3.75rem); line-height: 1.06; }
.platform-close p { color: #e5cbdc; max-width: 45ch; margin-block: 12px 20px; }
@media (max-width: 730px) {
  .product-grid { grid-template-columns: 1fr; gap: 18px; }
  .product-hero .phone-render { height: clamp(345px,104vw,440px); }
  .product-hero::after { background: radial-gradient(ellipse at 50% 64%,#b83b672d,transparent 55%); }
  .motion-gallery { height: clamp(330px,85vw,405px); }
  .motion-plane { transform: rotateX(9deg) rotateY(-12deg) rotateZ(-7deg); }
  .motion-photo { height: clamp(96px,23vw,135px); }
  .platform-mark { right: -15%; opacity: .17; }
}
@media (max-width: 650px) {
  .site-head nav .visual-pause:not([hidden]) { display: inline-flex; }
  .product-copy h1 { max-width: 19ch; }
}

.product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 45% 45%, #d94b7855, transparent 46%) 10% 25% / 125% 145%,
    radial-gradient(ellipse at 68% 62%, #a1317255, transparent 50%) 95% 60% / 145% 145%;
  background-repeat: no-repeat;
  animation: product-aurora 10s ease-in-out infinite alternate;
}
@keyframes product-aurora {
  to { background-position: 95% 80%, 5% 10%; }
}
.wordmark-heart-trace {
  stroke-dasharray: 1;
  animation: product-heart-draw 1.55s .45s cubic-bezier(.45,.12,.3,1) both;
}
.wordmark-mask-complete {
  animation: product-heart-finish .2s 1.85s both;
  opacity: 1;
}
@keyframes product-heart-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes product-heart-finish { from { opacity: 0; } to { opacity: 1; } }
.motion-paused .product-hero::before,
.product-hero.visual-offscreen::before,
.motion-paused .wordmark-heart-trace,
.motion-paused .wordmark-mask-complete { animation-play-state: paused; }
.visual-static .product-hero::before,
.visual-static .wordmark-heart-trace,
.visual-static .wordmark-mask-complete { animation: none; }

.entry { min-height: 100svh; padding-block: 36px; }
.entry-card {
  width: min(100%, 460px);
  padding: clamp(22px, 6vw, 38px);
  background: linear-gradient(155deg, #241522, #141119 60%);
  border-color: #674057;
}
.entry-back { display: inline-flex; gap: 8px; align-items: center; min-height: 36px; color: #dfc8d9; font-size: .86rem; }
.entry-back:hover { color: #fff; }
.entry-wordmark { display: block; width: 190px; margin: 5px 0 0 -8px; }
.entry-card h1 { font-size: clamp(1.85rem, 6vw, 2.65rem); }
.entry-card .role-list { gap: 9px; margin-top: 26px; }
.entry-card select { min-height: 46px; }
.entry-card .role-list .btn { margin-top: 7px; min-height: 46px; }
.entry-card .entry-note { margin-top: 18px; padding-top: 14px; border-top: 1px solid #4a2c42; font-size: .8rem; }
.entry-card input { min-height: 46px; font-size: 16px; }
.entry-card .entry-biometric { width: 100%; min-height: 46px; margin-top: 10px; }
.entry-card .entry-biometric[hidden] { display: none; }
.entry-card .entry-note summary { cursor: pointer; color: #e9d3e3; }
.entry-card .entry-note p { margin-top: 8px; }
.account.portfolio-account { grid-template-columns: minmax(0,1fr) auto; }
.portfolio-account .account-main, .portfolio-account .badges { grid-column: auto; }
#accounts .account[hidden] { display: none; }
.meet-page { min-height: 100vh; background: radial-gradient(ellipse at 80% 0, #351426, transparent 42%), #111017; }
.meet-top { border-bottom: 1px solid var(--line); }
.meet-top-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.meet-main { padding-block: clamp(30px, 6vw, 72px); display: grid; gap: 24px; }
.meet-intro h1 { margin: 8px 0; font-size: clamp(2rem, 6vw, 3.6rem); line-height: 1.1; }
.meet-intro p, .meet-guide p, .meet-history p { color: var(--muted); }
.meet-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; }
.meet-room, .meet-guide, .meet-history { padding: clamp(18px, 3vw, 30px); }
.meet-room { background: linear-gradient(135deg, #2b1827, #19151e 65%); }
.meet-room-head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.meet-room-head .badge { margin-left: auto; }
.meet-room-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #4c243a; color: #ffa3c1; }
.meet-label { font-size: .68rem; font-weight: 700; letter-spacing: .12em; color: #ffa3c1; }
.meet-account { color: var(--muted); font-size: .86rem; margin-top: 10px; }
.meet-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.meet-controls:empty { display: none; }
.meet-guide ol { padding-left: 1.4rem; margin: 12px 0 0; display: grid; gap: 13px; }
.meet-guide li { padding-left: 5px; }
.meet-guide li::marker { color: #ffa3c1; font-weight: 700; }
.meet-guide p { font-size: .87rem; margin-top: 2px; }
.meet-history h2 { margin-bottom: 4px; }
.meet-history details { border-top: 1px solid var(--line); padding: 13px 0; }
.meet-history details:first-of-type { margin-top: 14px; }
.meet-history summary { cursor: pointer; font-weight: 650; }
.meet-history ul { display: grid; gap: 8px; padding-left: 1.2rem; }
.meet-history li { overflow-wrap: anywhere; }
.meet-history li small { display: block; color: var(--muted); }
@media (max-width: 720px) {
  .meet-layout { grid-template-columns: minmax(0, 1fr); }
  .meet-top-inner { min-height: 60px; }
  .meet-controls .btn { flex: 1 1 145px; }
}

.overview-heading {
  padding: clamp(16px, 3vw, 28px);
  border: 1px solid #553044;
  border-radius: 18px;
  background: radial-gradient(ellipse at 95% 0%, #462036, transparent 70%), #1b151e;
}
.overview-heading .page-heading { margin: 0; }
.overview-heading .date-control { background: #16121bd9; padding: 9px 12px; border: 1px solid #5c3b50; border-radius: 10px; }
.overview-reports, .overview-activity { padding: clamp(14px, 2.5vw, 24px); }
.overview-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.overview-summary > div {
  display: flex; align-items: center; gap: 12px; padding: clamp(10px, 2vw, 18px);
  border: 1px solid #315445; border-radius: 13px; background: linear-gradient(135deg,#213a30,#1a2823); color: #c9eedb;
}
.overview-summary > .overview-summary-pending { border-color: #695033; background: linear-gradient(135deg,#3d2c1f,#2a211c); color: #ffdfa9; }
.overview-summary .icon { flex: none; }
.overview-summary strong { display: block; font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.05; }
.overview-summary span span { font-size: .82rem; }
.overview-reports .account {
  grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,auto);
  padding: 12px; margin-top: 8px; border: 1px solid var(--line); border-radius: 11px; background: #1d1922;
}
.overview-reports .account:focus-within { border-color: #986078; }
.overview-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 14px 0 0; }
.overview-metrics > div { display: grid; gap: 6px; align-content: start; padding: 12px; border: 1px solid #403243; border-radius: 10px; background: #211b26; }
.overview-metrics dt { color: var(--muted); font-size: .82rem; }
.overview-metrics dd { margin: 0; font-size: 1.5rem; font-weight: 700; }
@media (max-width: 700px) {
  .overview-reports .account { grid-template-columns: minmax(0,1fr) auto; }
  .overview-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 420px) {
  .overview-summary > div { align-items: flex-start; gap: 7px; }
  .overview-summary .icon { width: 15px; height: 15px; margin-top: 4px; }
}

#report-form .report-context { padding: 12px 16px; border-bottom: 1px solid #52374a; }
#report-form .form-section { gap: 12px; padding: 14px; background: #1c1722; }
.report-field { display: grid; align-content: start; gap: 5px; min-width: 0; }
.report-field input { min-height: 44px; }
.report-field input[aria-invalid=true] { border-color: #ff8d9e; }
.report-success { display: flex; align-items: center; gap: 9px; padding: 12px; border-radius: 10px; background: #1c332a; color: #cef2df; }
.report-success .icon { flex: none; }
@media (max-width: 500px) {
  #report-form input[data-number], #report-form textarea { font-size: 16px; }
  #report-form .form-grid { gap: 10px; }
  #report-form .dialog-foot > [type=submit] { flex: 1 1 140px; min-height: 44px; }
}
.product-logo { position:relative; width:min(330px,86%); }
.product-logo .product-wordmark { width:100%; }
.logo-heart-light { position:absolute; left:52%; top:26%; width:20%; height:46%; pointer-events:none; border-radius:50%; background:#ff568847; filter:blur(10px); animation:logo-heart-pulse 3s ease-in-out infinite; }
@keyframes logo-heart-pulse { 50% { opacity:.15; transform:scale(.85); } }
.motion-paused .logo-heart-light { animation-play-state:paused; }
@media(max-width:730px) { .product-logo { grid-row:1; width:225px; } }
.daily-checklist progress { display:block; width:100%; height:7px; accent-color:var(--pink); margin:12px 0; border:0; border-radius:6px; }
.checklist-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.checklist-item { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#1d1922; }
.checklist-item > div { flex:1; min-width:0; }
.checklist-item strong { font-size:.85rem; }
.checklist-item small { display:block; color:var(--muted); font-size:.77rem; }
.checklist-item input { width:21px; min-height:21px; height:21px; accent-color:var(--pink); flex:none; }
.checklist-auto { color:#e990b1; }
.notification-trigger b { display:grid; place-items:center; min-width:22px; height:22px; border-radius:20px; background:#ad2049; color:#fff; font-size:.72rem; }
.notification-item { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px; border:1px solid var(--line); border-radius:10px; }
.notification-item > div { flex:1 1 160px; }
.notification-item p { color:var(--muted); font-size:.85rem; }
@media(max-width:700px) { .checklist-items { grid-template-columns:1fr; } .notification-trigger span { display:none; } }
.contact-list { display:grid; gap:9px; }
.contact-card { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#211a26; }
.contact-card[hidden] { display:none; }
.contact-card > div { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; }
.contact-card p { color:var(--muted); font-size:.85rem; }
.story-scripts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.story-scripts article { padding:15px; border:1px solid #523649; border-radius:12px; background:#211a26; }
.story-scripts blockquote { margin:14px 0; padding-left:12px; border-left:2px solid var(--pink); font-size:.9rem; }
.contact-timeline article { border-left:2px solid #ad5578; padding:8px 12px; margin-bottom:8px; }
.contact-timeline small { color:var(--muted); }
@media(max-width:800px) { .story-scripts { grid-template-columns:1fr; } }
.calendar-box { padding:clamp(18px,3vw,30px); }
#calendar-events { display:grid; gap:10px; margin-top:14px; }
.calendar-event { padding:14px; border:1px solid var(--line); border-left:3px solid var(--pink); border-radius:10px; background:#211a26; }
.calendar-event p { color:var(--muted); margin-block:5px 10px; }
.checklist-help { font-size:.85rem; margin-bottom:14px; }
.checklist-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.checklist-doctor { min-width:0; padding:14px; border:1px solid #503346; border-radius:13px; background:linear-gradient(145deg,#271b29,#1b1720); }
.checklist-doctor > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.checklist-doctor .account-main h3 { font-size:1rem; }
.checklist-doctor .account-main p { color:var(--muted); font-size:.78rem; }
.checklist-next { color:#f2b4cf; font-size:.79rem; margin:14px 0 9px; }
.checklist-doctor .checklist-item { border:0; border-top:1px solid #403040; border-radius:0; background:transparent; padding:12px 0; }
.checklist-item label { cursor:pointer; }
.checklist-item.task-done strong { color:#a9cab9; }
.checklist-item small { line-height:1.4; margin-top:3px; }
@media(max-width:1000px) { .checklist-groups { grid-template-columns:minmax(0,1fr); } }
.seller-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.seller-shortcuts a { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid #503346; border-radius:12px; background:#211923; color:var(--text); }
.seller-shortcuts a > span { flex:1; min-width:0; }
.seller-shortcuts small { display:block; color:var(--muted); font-size:.76rem; margin-top:3px; }
.seller-shortcuts a > .icon:first-child { color:#f399ba; }
.seller-shortcuts a:hover { border-color:#ba6a8b; }
@media(max-width:650px) {
 .seller-shortcuts { grid-template-columns:1fr; }
 .sidebar nav { overflow-x:auto; justify-content:flex-start; }
 .sidebar nav a { flex:0 0 74px; min-height:55px; }
}
.panel-body > * { animation: panel-enter .45s cubic-bezier(.2,.7,.3,1) both; }
.panel-body > :nth-child(2) { animation-delay: 45ms; }
.panel-body > :nth-child(3) { animation-delay: 85ms; }
.panel-body > :nth-child(4) { animation-delay: 120ms; }
.panel-body > :nth-child(5) { animation-delay: 155ms; }
.entry-card { animation: panel-enter .5s cubic-bezier(.2,.7,.3,1) both; }
dialog[open] { animation: dialog-enter .24s ease-out both; }
dialog[open]::backdrop { animation: backdrop-enter .2s ease-out both; }
.report-success { animation: confirmation-enter .4s ease-out both; }
.checklist-item.task-done .checklist-auto { animation: confirmation-enter .35s ease-out; }
.btn, .sidebar nav a, .checklist-item, .seller-shortcuts a, .contact-card, .overview-metrics > div {
 transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.btn:active { transform: scale(.98); }
.checklist-item:focus-within { background: #382332; border-color: #bc6c91; }
.checklist-item.task-done { background: #23332944; }
.daily-checklist progress::-webkit-progress-bar { background: #392333; border-radius: 8px; }
.daily-checklist progress::-webkit-progress-value { background: linear-gradient(90deg,#af234f,#ff9abb); border-radius: 8px; transition: width .4s ease-out; }
@media(hover:hover) {
 .seller-shortcuts a:hover, .contact-card:hover, .overview-metrics > div:hover {
   transform: translateY(-2px); box-shadow: 0 7px 20px #07030935;
 }
 .btn.primary:hover { box-shadow: 0 3px 18px #ed42713a; }
 .sidebar nav a:hover { transform: translateX(2px); }
}
@keyframes panel-enter { from { opacity: .15; transform: translateY(10px); } to { opacity:1; transform:none; } }
@keyframes dialog-enter { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes backdrop-enter { from { opacity:0; } to { opacity:1; } }
@keyframes confirmation-enter { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:none; } }
.motion-paused .panel-body > *, .motion-paused .entry-card, .motion-paused dialog, .motion-paused .report-success { animation:none; }
@media(prefers-reduced-motion:reduce) {
 .panel-body > *, .entry-card, dialog[open], dialog[open]::backdrop, .report-success, .checklist-auto { animation:none!important; }
 .btn, .sidebar nav a, .checklist-item, .seller-shortcuts a, .contact-card, .overview-metrics > div,
 .daily-checklist progress::-webkit-progress-value { transition:none!important; }
 .btn:active, .seller-shortcuts a:hover, .contact-card:hover, .overview-metrics > div:hover, .sidebar nav a:hover { transform:none; }
}
.sheet-upload { display:grid; gap:8px; margin:16px 0; }
.sheet-columns { display:flex; flex-wrap:wrap; gap:8px; margin-block:16px; }
.sheet-columns button { display:grid; text-align:left; gap:4px; max-width:100%; overflow-wrap:anywhere; }
.sheet-columns small { color:var(--muted); font-weight:400; }
.sheet-columns [aria-pressed=true] { border-color:var(--pink); background:#432537; }
.sheet-table { overflow:auto; max-height:440px; border:1px solid var(--line); border-radius:10px; margin-top:16px; }
.sheet-table td { max-width:250px; overflow-wrap:anywhere; white-space:normal; }
.sheet-chart > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(60px,2fr) auto; gap:12px; align-items:center; margin:10px 0; }
.sheet-chart meter { width:100%; accent-color:var(--pink); }
.sheet-chart span { overflow-wrap:anywhere; font-size:.85rem; }

@media(max-width:650px){.topbar .identity{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.topbar .identity .btn{margin-left:0}.topbar .toplabel{flex:none}.biometric-dialog .dialog-foot{flex-wrap:wrap}}

.dark-veil-canvas.veil-compatible{background:radial-gradient(ellipse at 70% 25%,#9b20546e,transparent 56%),radial-gradient(ellipse at 25% 75%,#ae274960,transparent 58%),linear-gradient(135deg,#170d1b,#321326 48%,#100b13);background-size:160% 160%;animation:veil-compatible-flow 12s ease-in-out infinite alternate}
@keyframes veil-compatible-flow{from{background-position:0% 20%;filter:brightness(.85)}to{background-position:100% 80%;filter:brightness(1.25)}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .motion-track{animation:gallery-flow 17s linear infinite!important}body.motion-enabled .motion-track.reverse{animation-direction:reverse!important}body.motion-enabled .stage-track{animation-duration:29s!important}body.motion-enabled .veil-compatible{animation:veil-compatible-flow 12s ease-in-out infinite alternate!important}}

.preference-choice{margin-block:18px 10px;align-items:center;gap:12px}
.preference-choice input{width:22px;height:22px;min-height:22px;accent-color:var(--brand)}
.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation-play-state:paused!important}
.motion-paused .panel-body>*,.motion-paused .entry-card{animation:none!important}
.motion-paused .wordmark-heart-trace{stroke-dashoffset:0!important}
.motion-paused .wordmark-mask-complete{opacity:1!important}
.entry-card .check input{min-height:20px;width:20px;height:20px;accent-color:var(--brand)}

.motion-paused .product-copy,.motion-paused .product-wordmark{animation:none!important;opacity:1;transform:none;filter:none}