@layer layout{.system-visual{pointer-events:none;width:100%;max-width:500px;height:460px;margin-inline:auto;position:relative}.artifact{background:var(--surface-soft);box-shadow:var(--shadow-artifact);border-radius:20px;padding:20px;font-size:12px;position:absolute}.artifact--table{width:70%;top:20px;left:0}.artifact--ring{z-index:2;text-align:center;width:38%;top:116px;right:-8px}.artifact--chart{z-index:3;width:70%;bottom:12px;left:24px}.artifact--composer{display:none}.artifact__heading{align-items:center;gap:8px;margin-bottom:16px;display:flex}.artifact__heading strong{font-weight:500}.artifact__symbol{background:var(--night);width:24px;height:24px;color:var(--text);border-radius:8px;place-items:center;font-weight:500;display:grid}.artifact__dots{color:var(--text-dim);margin-left:auto;font-size:20px;line-height:1}.artifact__meta{color:var(--text-dim);font-size:10px}.artifact__table-head,.artifact__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:9px;display:flex}.artifact__table-head{color:var(--text-dim);padding-top:0;font-size:10px}.artifact__row>span{align-items:center;gap:8px;display:flex}.artifact__row small{color:var(--text-dim);font-size:10px}.discipline-dot{background:var(--orange);border-radius:50%;flex:none;width:7px;height:7px}.discipline-dot--blue{background:var(--blue)}.artifact__foot{color:var(--text-dim);align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.avatar{background:var(--blue-soft);width:28px;height:28px;color:var(--night);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:500;display:inline-grid}.artifact__ring{width:120px;margin:12px auto;position:relative}.artifact__ring svg{width:100%;transform:rotate(-90deg)}.ring-base{stroke:var(--surface);stroke-width:9px}.ring-stroke{stroke:var(--orange);stroke-width:9px;stroke-linecap:round;stroke-dasharray:240 302}.artifact__ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.artifact__ring strong{font-size:30px;font-weight:450;line-height:1.2}.artifact__ring small{color:var(--text-dim);font-size:9px}.artifact__caption{font-size:11px}.artifact--chart .artifact__heading{justify-content:space-between}.artifact__chart{width:100%;height:86px;overflow:visible}.chart-guide{stroke:var(--line);stroke-width:.5px}.chart-line{stroke:var(--accent-ink);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1}.chart-point{fill:var(--orange)}.artifact__axis{color:var(--text-dim);justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.avatar--cursor{background:var(--blue-soft);position:absolute;top:48px;right:-12px}.avatar--cursor:before{content:"↖";color:var(--night);font-size:22px;position:absolute;bottom:-8px;left:-12px}.artifact__prompt{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px;font-size:13px;display:flex}.artifact__prompt i{background:var(--night);width:32px;height:32px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:20px;font-style:normal;display:grid}.composer-star{color:var(--accent-ink);font-size:18px}@media (width<=1000px){.page-hero .system-visual{max-width:460px}}@media (width<=720px){.artifact__ring{width:min(104px,100%)}.artifact__heading,.artifact__row{font-size:10px}.artifact__row small{font-size:8px}.artifact__foot{font-size:9px}.artifact__axis{font-size:8px}.page-hero .system-visual{height:400px}.page-hero .artifact--ring{padding-inline:8px;right:0}.page-hero .artifact--chart{width:70%;padding:16px;left:8px}.page-hero .artifact--table{padding:16px}}@media (width<=390px){.artifact__symbol{display:none}.artifact__row,.artifact__row>span{gap:4px}.artifact__row small{font-size:7px}.artifact__ring strong{font-size:26px}.artifact__caption{font-size:10px}}}@layer motion{.artifact{animation:none}.visual-has-entered .artifact{animation:artifact-arrive 1.1s cubic-bezier(.16, 1, .3, 1) var(--enter-delay,0s) both, artifact-drift 4.8s ease-in-out calc(var(--enter-delay,0s) + 1.1s) infinite}.artifact--table{--enter-delay:.2s;--depth:.9}.artifact--ring{--enter-delay:.45s;--depth:.8}.artifact--chart{--enter-delay:.7s;--depth:-.55}.artifact--composer{--enter-delay:.95s;--depth:-.45}.ring-stroke{animation:none}.visual-has-entered .ring-stroke{animation:6s cubic-bezier(.45,0,.2,1) .9s infinite ring-cycle}.chart-line{stroke-dashoffset:0;animation:none}.visual-has-entered .chart-line{animation:8s ease-in-out .9s infinite chart-cycle}.chart-traveler{fill:var(--orange);opacity:0;offset-path:path("M4 82C30 82 30 67 58 67S91 81 114 60S148 65 168 44S200 56 220 33S250 37 273 14L296 8");offset-rotate:0deg}.visual-has-entered .chart-traveler{animation:8s ease-in-out .9s infinite chart-travel}.visual-has-entered .chart-point{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite chart-beacon}.visual-has-entered .artifact__row{animation:row-sweep 8s ease-in-out var(--row-delay,0s) infinite}.artifact__row:nth-child(3){--row-delay:0s}.artifact__row:nth-child(4){--row-delay:1.5s}.artifact__row:nth-child(5){--row-delay:3s}.artifact__row:nth-child(6){--row-delay:4.5s}.visual-has-entered .artifact__prompt>span{animation:8s steps(32,end) 1.2s infinite composer-write}.visual-has-entered .composer-star{animation:8s ease-in-out infinite composer-star}.system-visual:not(.visual-in-view) *{animation-play-state:paused}@keyframes artifact-arrive{0%{opacity:0;scale:.84}to{opacity:1;scale:1}}@keyframes artifact-drift{0%,to{translate:0 -14px;rotate:-1deg}50%{translate:0 14px;rotate:1deg}}@keyframes ring-cycle{0%,to{stroke-dasharray:170 302;stroke-dashoffset:0}50%{stroke-dasharray:270 302;stroke-dashoffset:-55px}}@keyframes chart-cycle{0%,to{stroke-dashoffset:1px}28%,85%{stroke-dashoffset:0}}@keyframes chart-travel{0%,20%{offset-distance:0%;opacity:0}25%{opacity:1}75%{offset-distance:100%;opacity:1}85%,to{offset-distance:100%;opacity:0}}@keyframes chart-beacon{0%,to{opacity:.55;scale:.85}50%{opacity:1;scale:1.4}}@keyframes row-sweep{0%,25%,to{background:0 0}8%,16%{background:#ff6d1921}}@keyframes composer-write{0%,8%,to{clip-path:inset(0 100% 0 0)}50%,92%{clip-path:inset(0)}}@keyframes composer-star{0%,65%,to{rotate:0deg;scale:1}80%{rotate:180deg;scale:1.3}}html[data-motion-paused] .artifact{opacity:1!important;translate:none!important;rotate:none!important;scale:1!important}html[data-motion-paused] .artifact__prompt>span{clip-path:none!important}html[data-motion-paused] .chart-traveler{opacity:0!important}html[data-motion-paused] .chart-line{stroke-dashoffset:0!important}@media (width<=720px){@keyframes artifact-drift{0%,to{translate:0 -8px}50%{translate:0 8px}}}@media (prefers-reduced-motion:reduce){.artifact{opacity:1;translate:none;rotate:none;scale:1}.artifact__prompt>span{clip-path:none}.chart-line{stroke-dashoffset:0}.chart-traveler{opacity:0}}}