:root{--app-sidebar-w:264px;--app-sticky-top:84px;--app-glow:#ff5a1f33;--app-glow-soft:#ff5a1f14;--app-grid-line:#ffffff0b;--app-shadow:0 18px 40px -24px #000000e6}:root[data-theme=light]{--app-glow:#e8490c29;--app-glow-soft:#e8490c0f;--app-grid-line:#0000000e;--app-shadow:0 18px 40px -26px #3c281459}@media (min-width:1024px){[data-shell=sidebar]{--app-sticky-top:76px}}.app-sidebar{background:radial-gradient(120% 40% at 0% 0%, var(--app-glow-soft), transparent 70%), linear-gradient(180deg, var(--tr-surface), var(--tr-bg))}.app-nav-item[aria-current=page]{background:linear-gradient(90deg, var(--tr-heat-soft), transparent 85%);color:var(--tr-text)}.app-nav-item[aria-current=page]:before{content:"";background:var(--tr-heat);width:3px;box-shadow:0 0 12px var(--tr-heat);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0}.app-nav-item[aria-current=page] svg{color:var(--tr-heat)}@media (min-width:1024px){[data-shell=sidebar] .app-dock{left:var(--app-sidebar-w)}}.app-hero{isolation:isolate;background:radial-gradient(110% 130% at 100% 0%, var(--app-glow) 0%, transparent 52%), radial-gradient(70% 110% at 0% 100%, var(--app-glow-soft) 0%, transparent 60%), var(--tr-surface);box-shadow:var(--app-shadow)}.app-hero-grid{background-image:linear-gradient(var(--app-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--app-grid-line) 1px, transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(75% 100% at 90% 0,#000 0%,#0000 72%);mask-image:radial-gradient(75% 100% at 90% 0,#000 0%,#0000 72%)}.app-hero-line{background:linear-gradient(90deg, transparent, var(--tr-heat) 30%, transparent 85%);opacity:.7}.app-ring{position:relative}.app-ring:after{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--tr-heat) 75%, transparent), transparent 38%, transparent 62%, color-mix(in srgb, var(--tr-heat) 40%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app-glass{background:color-mix(in srgb, var(--tr-surface-2) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-tile-icon{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--tr-heat) 45%, transparent), transparent 70%), var(--tr-heat-soft);color:var(--tr-heat);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tr-heat) 35%, transparent)}.app-heat-text{background:linear-gradient(100deg, var(--tr-heat), #ffb36b 55%, var(--tr-heat));color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .app-heat-text{background-image:linear-gradient(100deg, var(--tr-heat), #c2410c 55%, var(--tr-heat))}.app-lift{transition:transform .2s,border-color .2s,box-shadow .2s}.app-lift:hover{box-shadow:0 16px 34px -22px var(--app-glow);transform:translateY(-2px)}@keyframes app-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app-rise{animation:.45s cubic-bezier(.2,.7,.2,1) both app-rise}@keyframes app-pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tr-heat) 45%, transparent)}to{box-shadow:0 0 0 10px #0000}}.app-pulse{animation:2.2s ease-out infinite app-pulse-ring}@media (prefers-reduced-motion:reduce){.app-rise,.app-pulse{animation:none}.app-lift,.app-lift:hover{transition:none;transform:none}}
