.modern-navigation{transition:all .3s cubic-bezier(.4,0,.2,1)}.smart-appbar{background:linear-gradient(135deg,#1976d2,#1565c0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.modern-drawer{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.modern-drawer.open{transform:translate(0)}.contextual-fab{transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.contextual-fab.visible{transform:scale(1)}.contextual-fab:hover{transform:scale(1.1);box-shadow:0 8px 25px #0000004d}.nav-item{position:relative;overflow:hidden;transition:all .2s ease-in-out}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:currentColor;transition:all .3s ease-in-out;transform:translate(-50%)}.nav-item.active:after,.nav-item:hover:after{width:100%}@media (max-width: 768px){.modern-drawer{width:min(280px,85vw)}.contextual-fab{bottom:80px}.nav-item{min-height:48px;display:flex;align-items:center}}.content-with-audio-panel{padding-bottom:120px}.navigation-safe-area{padding-bottom:env(safe-area-inset-bottom)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wordPulse{0%{background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 0 #ffc1074d}50%{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 0 8px #ffc10799}to{background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 0 #ffc1074d}}.word-highlight{background:linear-gradient(135deg,#ffeb3b,#ffc107)!important;border-radius:2px!important;color:#333!important;animation:wordPulse .8s ease-in-out!important;transition:background .2s ease,box-shadow .2s ease!important;padding:0!important;margin:0!important;border:none!important;box-sizing:border-box!important;display:inline!important;vertical-align:baseline!important;box-shadow:0 0 4px #ffc10766!important}.audio-control-panel{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;left:16px!important;right:16px!important}@media screen{.audio-control-panel{width:calc(100% - 32px)!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.audio-control-panel{width:calc(100vw - 48px)!important;max-width:calc(100vw - 48px)!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overflow-x:hidden}button,.MuiButton-root{min-height:44px}.MuiTypography-body1{line-height:1.6!important}.MuiPopper-root{z-index:10002!important}}.tour-element-highlight{transition:all .3s ease-in-out}.tour-active{overflow-x:hidden}@media (max-width: 768px){.audio-control-panel{margin:0!important}.MuiPaper-root[data-tour=text-content]{font-size:1rem!important;line-height:1.6!important}.MuiChip-root{max-width:100%;overflow:hidden;text-overflow:ellipsis}.MuiPopover-paper{max-height:90vh!important;overflow-y:auto!important}.MuiButton-root{word-break:keep-all;white-space:nowrap}.MuiIconButton-root{min-height:32px!important;min-width:32px!important}}