.animaicon-shell{--red:#ec2027;--orange:#ff6519;--amber:#ffb300;--gold:#ffe0a2;--ink:#260503;--paper:#fff3d4;--bar-h:clamp(26px,6.5vh,60px)}.animaicon-shell,.animaicon-shell *,.animaicon-shell :after,.animaicon-shell :before{box-sizing:border-box;margin:0;padding:0}.animaicon-shell{min-height:100dvh;background:#160201;color:var(--paper);font-family:Iowan Old Style,Palatino Linotype,Palatino,Times New Roman,serif;cursor:crosshair;overflow:hidden;position:relative}.animaicon-shell .shell{height:100dvh;position:relative}.animaicon-shell .experience{height:100dvh!important;width:100%!important}.animaicon-shell .grain{pointer-events:none;position:fixed;inset:0;z-index:4;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.animaicon-shell .frame{pointer-events:none;position:fixed;left:clamp(8px,1.6vw,14px);right:clamp(8px,1.6vw,14px);top:calc(var(--bar-h) + 8px);bottom:calc(var(--bar-h) + 8px);z-index:5;border:1px solid rgba(255,224,162,.28);box-shadow:inset 0 0 90px rgba(236,32,39,.2)}.animaicon-shell .story{position:fixed;inset:0;z-index:6;pointer-events:none}.animaicon-shell .letterbox{position:fixed;left:0;right:0;height:var(--bar-h);z-index:7;pointer-events:none;background:#0a0101}.animaicon-shell .letterbox-top{top:0;box-shadow:0 1px 0 rgba(255,179,0,.14),0 12px 40px rgba(0,0,0,.55)}.animaicon-shell .letterbox-bottom{bottom:0;box-shadow:0 -1px 0 rgba(255,179,0,.14),0 -12px 40px rgba(0,0,0,.55)}.animaicon-shell .topbar{position:fixed;top:calc(var(--bar-h) + clamp(12px, 3.2vh, 28px));left:clamp(20px,4vw,44px);display:flex;flex-direction:column;gap:5px;align-items:baseline;z-index:6}.animaicon-shell .brand{font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.56em;text-transform:uppercase;color:var(--gold)}.animaicon-shell .brand-sub{letter-spacing:.26em;color:rgba(255,244,216,.58)}.animaicon-shell .brand-sub,.animaicon-shell .live-badge{font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;text-transform:uppercase}.animaicon-shell .live-badge{position:fixed;top:calc(var(--bar-h) + clamp(14px, 3.4vh, 30px));right:clamp(20px,4vw,46px);z-index:6;display:flex;align-items:center;gap:8px;letter-spacing:.23em;color:rgba(255,243,212,.72)}.animaicon-shell .live-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(236,32,39,.72);animation:animaicon-beacon 1.8s ease-out infinite}.animaicon-shell .scene-readout{position:fixed;top:50%;left:clamp(14px,3.4vw,44px);z-index:6;display:flex;align-items:baseline;gap:8px;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;font-family:ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;white-space:nowrap}.animaicon-shell .scene-number{min-width:1.8em;color:var(--amber);font-size:15px;font-weight:700;letter-spacing:.08em}.animaicon-shell .scene-divider,.animaicon-shell .scene-label{color:rgba(255,243,212,.62);font-size:9px;letter-spacing:.2em}.animaicon-shell .scene-label{color:var(--orange)}.animaicon-shell .hero-watermark{position:fixed;top:50%;left:50%;z-index:0;color:rgba(255,174,62,.055);font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(82px,15vw,250px);font-weight:900;letter-spacing:-.08em;line-height:.78;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.animaicon-shell .progress-track{position:fixed;top:0;left:0;height:3px;width:100%;background:rgba(255,107,26,.2);z-index:8}.animaicon-shell .progress-bar{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--red),var(--orange),var(--amber))}.animaicon-shell .hint{position:fixed;bottom:calc(var(--bar-h) + clamp(12px, 3.5vh, 30px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;letter-spacing:.28em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;color:var(--amber)}.animaicon-shell .hint i{display:block;width:34px;height:1px;background:currentColor;position:relative;animation:animaicon-scroll-cue 1.4s ease-in-out infinite}.animaicon-shell .hint i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.animaicon-shell .chapter{position:fixed;left:clamp(20px,8vw,140px);bottom:calc(var(--bar-h) + max(8vh, 84px));max-width:min(420px,78vw);opacity:0;will-change:transform,opacity;z-index:2}.animaicon-shell .chapter-jump,.animaicon-shell .chapter-performance{left:auto;right:clamp(20px,8vw,140px);text-align:right}.animaicon-shell .chapter-face{left:50%;right:auto;bottom:calc(var(--bar-h) + max(7vh, 72px));text-align:center;max-width:min(520px,82vw);translate:-50% 0}.animaicon-shell .kicker{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.animaicon-shell h1{font-size:clamp(42px,5.4vw,76px);line-height:.88;font-weight:700;letter-spacing:-.055em;color:var(--paper);text-shadow:0 12px 45px rgba(80,8,0,.58);margin-bottom:19px}.animaicon-shell .body{font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.6;color:rgba(255,244,216,.82);max-width:36ch}.animaicon-shell .chapter-rule{display:block;width:52px;height:2px;margin-top:25px;background:linear-gradient(90deg,var(--red),var(--amber));box-shadow:0 0 14px rgba(255,101,25,.55)}.animaicon-shell .chapter-face .body,.animaicon-shell .chapter-performance .body{margin-left:auto}.animaicon-shell .chapter-face .body{margin-right:auto}.animaicon-shell .dots{pointer-events:auto;position:fixed;right:clamp(16px,3.4vw,43px);top:calc(var(--bar-h) + clamp(52px, 11vh, 104px));transform:none;white-space:nowrap;display:flex;flex-direction:column;gap:17px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,224,138,.7);z-index:7}.animaicon-shell .dot{background:none;border:0;color:inherit;cursor:pointer;text-align:left;letter-spacing:inherit;text-transform:inherit;font:inherit;opacity:.45;transition:opacity .25s ease,transform .25s ease,color .25s ease}.animaicon-shell .dot.is-active,.animaicon-shell .dot:hover{opacity:1;transform:translateX(-4px)}.animaicon-shell .dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px var(--orange)}.animaicon-shell .dot.is-active:before{background:var(--amber);box-shadow:0 0 0 4px rgba(255,179,0,.15),0 0 15px var(--orange)}.animaicon-shell .stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;list-style:none}.animaicon-shell .chapter-jump .stats,.animaicon-shell .chapter-performance .stats{justify-content:flex-end}.animaicon-shell .chapter-face .stats{justify-content:center}.animaicon-shell .stat-chip{font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding:7px 13px;border:1px solid rgba(255,179,0,.32);border-radius:999px;background:rgba(38,5,3,.5);backdrop-filter:blur(4px)}.animaicon-shell .think-bubble{opacity:0;transform:translateY(16px) scale(.55);transform-origin:0 100%;pointer-events:none;transition:opacity .3s ease,transform .55s cubic-bezier(.3,1.6,.5,1)}.animaicon-shell .think-bubble.is-on{opacity:1;transform:translateY(0) scale(1)}.animaicon-shell .think-cloud{position:relative;display:flex;align-items:center;gap:10px;padding:13px 19px;border-radius:20px;background:rgba(255,243,212,.95);color:#3a0d05;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,179,0,.4);animation:think-float 3.4s ease-in-out infinite}.animaicon-shell .think-cloud:after,.animaicon-shell .think-cloud:before{content:"";position:absolute;border-radius:50%;background:rgba(255,243,212,.95);box-shadow:0 6px 18px rgba(0,0,0,.3)}.animaicon-shell .think-cloud:before{width:13px;height:13px;left:-6px;bottom:-14px}.animaicon-shell .think-cloud:after{width:8px;height:8px;left:-16px;bottom:-27px}.animaicon-shell .think-dots{display:flex;gap:4px}.animaicon-shell .think-dots i{width:5px;height:5px;border-radius:50%;background:var(--orange);animation:think-blink 1.1s ease-in-out infinite}.animaicon-shell .think-dots i:nth-child(2){animation-delay:.18s}.animaicon-shell .think-dots i:nth-child(3){animation-delay:.36s}.animaicon-shell .think-text{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0}.animaicon-shell .think-bubble.is-on .think-text{animation:think-reveal .9s ease 1.15s forwards}@keyframes think-blink{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes think-reveal{to{max-width:280px;opacity:1}}@keyframes think-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animaicon-shell .cta{pointer-events:auto;display:block;width:fit-content;margin:30px auto 0;padding:0;border:0;background:none;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif;transition:transform .18s ease-out;will-change:transform}.animaicon-shell .chapter-performance .cta{margin-right:0}.animaicon-shell .cta.is-live{animation:cta-drop .95s cubic-bezier(.28,1.7,.45,1)}.animaicon-shell .cta-pill{position:relative;display:inline-flex;align-items:center;gap:12px;padding:17px 32px;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--orange) 55%,var(--amber));color:#fff8e6;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;overflow:hidden;box-shadow:0 16px 44px rgba(236,32,39,.48),inset 0 0 0 1px rgba(255,224,162,.38),inset 0 -9px 26px rgba(120,8,0,.38);animation:cta-bob 2.4s ease-in-out infinite}.animaicon-shell .cta-pill:before{content:"";position:absolute;inset:0;background:radial-gradient(120px circle at var(--mx,50%) 0,rgba(255,255,255,.5),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.animaicon-shell .cta:hover .cta-pill:before{opacity:1}.animaicon-shell .cta-pill:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:cta-sheen 3.2s ease-in-out infinite;pointer-events:none}.animaicon-shell .cta:active{transform:perspective(700px) scale(.93)!important}.animaicon-shell .cta-arrow{display:inline-block;font-size:15px;letter-spacing:0;animation:cta-nudge 1.15s ease-in-out infinite}@keyframes cta-drop{0%{transform:translateY(-95px) scale(.35);opacity:0}55%{transform:translateY(11px) scale(1.09);opacity:1}75%{transform:translateY(-6px) scale(.97)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes cta-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cta-sheen{0%,55%{left:-80%}to{left:140%}}@keyframes cta-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.animaicon-shell .cta-arrow,.animaicon-shell .cta-pill,.animaicon-shell .cta-pill:after,.animaicon-shell .cta.is-live{animation:none}}@keyframes animaicon-beacon{70%,to{box-shadow:0 0 0 7px rgba(236,32,39,0)}}@keyframes animaicon-scroll-cue{50%{transform:translateX(7px)}}@media (max-height:560px){.chapter{bottom:7vh}.animaicon-shell .chapter-face{bottom:6vh}.animaicon-shell h1{font-size:clamp(30px,4.4vw,52px)}.animaicon-shell .body{font-size:13px}}@media (max-width:720px){.topbar{top:calc(var(--bar-h) + 18px);left:30px}.animaicon-shell .live-badge{top:calc(var(--bar-h) + 20px);right:31px}.animaicon-shell .hero-watermark,.animaicon-shell .scene-readout{display:none}.animaicon-shell .chapter,.animaicon-shell .chapter-face,.animaicon-shell .chapter-jump,.animaicon-shell .chapter-performance,.animaicon-shell .chapter-thinking{left:6vw;right:6vw;text-align:left;translate:none;max-width:none}.animaicon-shell .chapter-jump .stats,.animaicon-shell .chapter-performance .stats{justify-content:flex-start}.animaicon-shell .dots{display:none}.animaicon-shell h1{font-size:40px}.animaicon-shell .hint{bottom:calc(var(--bar-h) + 14px)}}