html,body{margin:0;overflow-x:visible;overflow-y:visible;overscroll-behavior-x:none;touch-action:pan-y;}body{background-color:#0B0C10;color:#F5F2EB;}#lattice-root{overflow:visible;overflow-x:visible;overscroll-behavior-x:none;touch-action:pan-y;max-width:100%;width:100%;}.bg-ambient{background-color:#0B0C10;background-image:radial-gradient(circle at 50% 0%,rgba(245,166,35,0.10) 0%,transparent 55%),radial-gradient(circle at 80% 80%,rgba(255,107,107,0.05) 0%,transparent 50%),radial-gradient(circle at 15% 70%,rgba(196,149,106,0.06) 0%,transparent 45%);background-size:100% 100%;background-position:center top;}.glass-panel{background:rgba(18,20,28,0.76);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(245,166,35,0.18);box-shadow:0 12px 40px rgba(0,0,0,0.45);}.problem-glass{border:1px solid rgba(245,166,35,0.42);box-shadow:0 0 0 1px rgba(245,166,35,0.18),0 0 28px rgba(245,166,35,0.22),0 12px 40px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(255,255,255,0.04);}.text-balance{text-wrap:balance;}@keyframes pulse-soft{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.7;transform:scale(0.95);}}.status-dot{animation:pulse-soft 2.5s ease-in-out infinite;}.ladder-line::before{content:'';position:absolute;left:19px;top:40px;bottom:-16px;width:2px;background:rgba(245,166,35,0.14);z-index:-1;}.ladder-item:last-child .ladder-line::before{display:none;}#interactive-viewport-shell{position:fixed;top:0;left:0;width:100%;max-width:100%;height:100vh;z-index:0;overflow:hidden;pointer-events:none;touch-action:none;}#tubes-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;contain:strict;}.content-layer{position:relative;z-index:10;pointer-events:none;background:transparent;overflow:visible;overflow-x:visible;overscroll-behavior-x:none;touch-action:pan-y;max-width:100%;width:100%;}#lattice-root > *,.content-layer > *{max-width:100%;}.content-layer a,.content-layer button,.content-layer input,.content-layer label,.content-layer .story-stage,.interactive-element{pointer-events:auto;}#problem{overflow:visible;}.story-scroll{position:relative;min-height:500vh;height:500vh;overflow:visible;}.story-sticky{position:sticky;top:5.5rem;height:calc(100vh - 5.5rem);max-height:calc(100vh - 5.5rem);display:flex;flex-direction:column;justify-content:center;z-index:5;overflow:visible;}.story-stage{position:relative;width:100%;min-height:min(520px,calc(100vh - 8rem));border-radius:1rem;border:1px solid rgba(245,166,35,0.22);background:rgba(18,20,28,0.82);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 12px 40px rgba(0,0,0,0.45);overflow:hidden;padding:1.5rem 1.5rem 1.35rem;display:flex;flex-direction:column;gap:1rem;}.story-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}.story-labels{display:flex;align-items:center;gap:0.65rem;font-size:0.75rem;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;}.story-label-old{color:#6F6A63;transition:color 0.35s ease,opacity 0.35s ease;}.story-label-arrow{color:#A8A29A;letter-spacing:0;font-size:0.9rem;}.story-label-new{color:#6F6A63;transition:color 0.35s ease;}.story-scroll[data-progress="1"] .story-label-old,.story-scroll[data-progress="2"] .story-label-old,.story-scroll[data-progress="3"] .story-label-old,.story-scroll[data-progress="4"] .story-label-old{color:#8A847A;}.story-scroll[data-progress="5"] .story-label-old{opacity:0.45;}.story-scroll[data-progress="1"] .story-label-new,.story-scroll[data-progress="2"] .story-label-new,.story-scroll[data-progress="3"] .story-label-new,.story-scroll[data-progress="4"] .story-label-new{color:rgba(245,166,35,0.7);}.story-scroll[data-progress="5"] .story-label-new{color:#F5A623;}.story-progress{display:flex;align-items:center;gap:0.55rem;}.story-progress-track{width:120px;height:4px;border-radius:9999px;background:rgba(255,255,255,0.08);overflow:hidden;}.story-progress-fill{height:100%;width:100%;border-radius:9999px;background:linear-gradient(90deg,#F5A623,#FF6B6B);transform:scaleX(0);transform-origin:left center;will-change:transform;}.story-progress-steps{display:flex;gap:0.35rem;}.story-step-dot{width:8px;height:8px;border-radius:9999px;background:rgba(111,106,99,0.55);transition:background 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;}.story-step-dot.is-done{background:#F5A623;box-shadow:0 0 10px rgba(245,166,35,0.45);}.story-step-dot.is-active{background:#FF6B6B;transform:scale(1.25);box-shadow:0 0 12px rgba(255,107,107,0.5);}.story-progress-text{display:none !important;}.story-hint{display:none !important;}.story-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:0.75rem;align-items:stretch;justify-content:center;}.story-board{position:relative;flex:1 1 auto;min-width:0;min-height:300px;height:300px;display:block;}.story-rail{flex:0 0 auto;display:flex;flex-direction:column;gap:0.55rem;padding-top:0.35rem;border-top:1px solid rgba(245,166,35,0.12);opacity:0;transform:translateX(18px);transition:opacity 0.55s ease,transform 0.65s cubic-bezier(0.22,1,0.36,1);pointer-events:none;overflow:hidden;}.story-rail.is-in{opacity:1;transform:translateX(0);pointer-events:auto;}.story-rail-heading{margin:0 0 0.15rem;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:#F5A623;opacity:0;transform:translateX(12px);transition:opacity 0.45s ease,transform 0.55s cubic-bezier(0.22,1,0.36,1);}.story-rail.is-in .story-rail-heading{opacity:1;transform:translateX(0);}.story-visual{flex:0 0 auto;display:flex;align-items:center;justify-content:center;}.story-visual-panel{position:relative;width:100%;max-width:260px;aspect-ratio:4 / 3;border-radius:1rem;border:1px solid rgba(245,166,35,0.32);background:linear-gradient(165deg,rgba(26,28,38,0.55) 0%,rgba(12,13,18,0.72) 100%);box-shadow:0 0 40px rgba(245,166,35,0.12),inset 0 0 0 1px rgba(255,255,255,0.04);overflow:hidden;backdrop-filter:blur(16px);}.story-visual-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 30%;display:block;filter:saturate(0.92) contrast(1.04);}.story-visual-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,16,0.15) 0%,rgba(11,12,16,0.05) 40%,rgba(11,12,16,0.55) 100%),radial-gradient(ellipse at 70% 35%,transparent 35%,rgba(11,12,16,0.35) 100%);pointer-events:none;}.story-bench{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.4rem;}.story-bench-step{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.55rem;border-radius:0.65rem;border:1px solid rgba(111,106,99,0.28);background:rgba(26,27,32,0.92);color:#F5F2EB;font-size:12px;font-weight:700;line-height:1.2;transform:translateX(110%);opacity:0;pointer-events:none;transition:transform 0.65s cubic-bezier(0.22,1,0.36,1),opacity 0.4s ease,border-color 0.35s ease,background 0.35s ease,box-shadow 0.35s ease;max-width:100%;}.story-bench-step.is-in{transform:translateX(0);opacity:1;pointer-events:auto;}.story-bench-step.is-active{border-color:rgba(255,107,107,0.5);background:rgba(245,166,35,0.12);box-shadow:0 0 18px rgba(245,166,35,0.16);}.story-bench-num{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#F5A623;border:1px solid rgba(245,166,35,0.35);background:rgba(18,20,28,0.9);}.story-bench-step[data-s="4"] .story-bench-num{background:#F5A623;color:#0B0C10;border-color:#F5A623;}.story-bench-step[data-s="4"].is-in{border-color:rgba(245,166,35,0.45);background:rgba(245,166,35,0.08);}.story-card{position:absolute;left:0;top:0;width:var(--card-w,168px);height:var(--card-h,108px);min-width:0;min-height:0;max-width:none;max-height:none;padding:0.75rem 0.85rem;border-radius:0.85rem;border:1px solid rgba(111,106,99,0.4);background:rgba(26,27,32,0.92);color:#8A847A;font-size:13px;line-height:1.3;font-weight:600;filter:grayscale(0.55) saturate(0.6);box-shadow:0 8px 20px rgba(0,0,0,0.28);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;transform:translate3d(var(--tx,0px),var(--ty,0px),0) rotate(var(--rot,0deg));transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease,filter 0.3s ease;will-change:auto;z-index:1;}.story-scroll.is-scrolling .story-card{will-change:transform;}.story-scroll.is-scrolling .story-stage{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,20,28,0.96);}.story-scroll.is-scrolling .story-card{transition:none!important;}.story-scroll.is-scrolling .story-bench-step{transition:none!important;will-change:auto!important;}.story-scroll.is-scrolling .story-rail,.story-scroll.is-scrolling .story-rail-heading{transition:none!important;}.story-board{contain:layout paint;}.story-card{contain:layout style;}.story-card iconify-icon{display:block;margin-bottom:0.45rem;font-size:1.2rem;color:#6F6A63;transition:color 0.35s ease,margin-bottom 0.35s ease,font-size 0.35s ease;}.story-card .story-card-label{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto;min-height:0;}.story-card .story-card-sub{display:block;margin-top:0.35rem;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#6F6A63;opacity:0.85;transition:color 0.35s ease,opacity 0.35s ease,margin-top 0.35s ease,font-size 0.35s ease;}.story-card.is-tidy{filter:none;color:#F5F2EB;border-color:rgba(245,166,35,0.38);background:rgba(245,166,35,0.09);box-shadow:0 0 22px rgba(245,166,35,0.14);padding:0.55rem 0.55rem;font-size:11.5px;z-index:2;}.story-card.is-tidy iconify-icon{color:#F5A623;margin-bottom:0.3rem;font-size:1.05rem;}.story-card.is-tidy .story-card-sub{color:#F5A623;opacity:1;margin-top:0.25rem;font-size:10px;}.story-card.is-active-beat{border-color:rgba(255,107,107,0.55);box-shadow:0 0 32px rgba(245,166,35,0.22),0 0 18px rgba(255,107,107,0.18);z-index:3;}@media (min-width:960px){.story-main{flex-direction:row;align-items:stretch;gap:0.85rem;}.story-board{flex:1 1 58%;min-height:300px;height:300px;}.story-rail{flex:0 0 250px;max-width:270px;padding-top:0;padding-left:0.65rem;border-top:none;border-left:1px solid rgba(245,166,35,0.12);align-self:center;justify-content:center;}.story-visual-panel{max-width:none;aspect-ratio:5 / 4;min-height:0;}.story-bench{flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:0.35rem;}.story-bench-step{width:100%;transform:translateX(110%);}.story-bench-step.is-in{transform:translateX(0);}}@media (max-width:768px){.story-scroll{min-height:460vh;height:460vh;}.story-sticky{top:4.5rem;height:calc(100vh - 4.5rem);max-height:calc(100vh - 4.5rem);}.story-stage{padding:1.1rem;min-height:calc(100vh - 6.5rem);gap:0.65rem;}.story-main{flex-direction:column;gap:0.55rem;}.story-board{min-height:0;height:auto;display:flex;flex-direction:column;gap:0.45rem;}.story-card,.story-card.is-tidy{position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;width:100% !important;min-width:0 !important;max-width:none !important;height:96px !important;min-height:96px !important;max-height:96px !important;transform:none !important;margin:0;flex-shrink:0;font-size:13px;padding:0.7rem 0.85rem;will-change:auto !important;}.story-rail{flex:0 0 auto;max-width:none;width:100%;border-left:none;border-top:1px solid rgba(245,166,35,0.12);padding-left:0;padding-top:0.5rem;}.story-visual-panel{max-width:240px;aspect-ratio:5 / 4;min-height:0;margin:0 auto;}.story-bench{justify-content:center;}.story-bench-step{font-size:12px;padding:0.4rem 0.55rem;}.story-progress-track{width:72px;}}