:root{--66-bg:#060607;--66-bg-cool:#101114;--66-surface:#1616189e;--66-surface-strong:#1e1e22d1;--66-surface-soft:#ffffff0f;--66-text-primary:#f5f1e8;--66-text-secondary:#f5f1e8a3;--66-text-muted:#f5f1e86b;--66-gold:#b8893d;--66-gold-soft:#d8bb7a;--66-gold-dark:#7a5526;--66-ai-purple:#7b61ff;--66-ai-purple-soft:#e9e4ff;--66-border:#11131814;--66-border-strong:#11131824;--66-radius-sm:14px;--66-radius-md:20px;--66-radius-lg:28px;--66-radius-xl:36px;--66-shadow-glass:0 24px 80px #0f172a1a;--66-shadow-glass-strong:0 32px 110px #0f172a29;--66-shadow-gold:0 18px 60px #b8893d38}
.raster-glass-panel{isolation:isolate;border-radius:var(--66-radius-lg);color:var(--66-text-primary);box-shadow:inset 0 1px 1px #fffffff2, inset 0 -1px 1px #78787814, var(--66-shadow-glass);-webkit-backdrop-filter:blur(32px)saturate(145%);border:1px solid #ffffffb8;position:relative;overflow:hidden}.raster-glass-panel:before{z-index:-1;pointer-events:none;content:"";opacity:.72;background:linear-gradient(135deg,#ffffffb8,#0000 42%),radial-gradient(circle at 18% 12%,#fffc,#0000 28%),repeating-linear-gradient(135deg,#ffffff1a 0 1px,#0000 1px 7px);position:absolute;inset:0}.raster-glass-panel:after{pointer-events:none;content:"";border-radius:inherit;opacity:0;background:linear-gradient(110deg,#0000 0%,#d8bb7ab8 38%,#ffffffdb 50%,#0000 62%);position:absolute;inset:-1px;transform:translate(-55%)}.raster-glass-panel--light{background:var(--66-surface)}.raster-glass-panel--strong{background:var(--66-surface-strong);box-shadow:inset 0 1px 1px #fffffff5, inset 0 -1px 1px #7878781a, var(--66-shadow-glass-strong)}.raster-glass-panel--soft{background:var(--66-surface-soft)}.raster-glass-panel--interactive{transition:transform .18s,border-color .18s,box-shadow .18s}.raster-glass-panel--interactive:hover{box-shadow:inset 0 1px 1px #fffffff2, inset 0 -1px 1px #78787814, var(--66-shadow-glass), 0 12px 38px #b8893d1f;border-color:#b8893d61;transform:translateY(-3px)}.raster-glass-panel--edge-flow:hover:after{animation:.76s ease-out raster-edge-flow}.clear-icon-base{width:52px;height:52px;color:var(--66-text-primary);background:#ffffff85;border:1px solid #ffffffb8;border-radius:18px;justify-content:center;align-items:center;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffeb,0 12px 36px #0f172a14}.clear-icon-base:after{pointer-events:none;content:"";opacity:0;background:radial-gradient(circle,#d8bb7ad1,#0000 68%);border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-18px,18px)}.clear-icon-base:hover{color:var(--66-gold-dark);border-color:#b8893d6b;transform:translateY(-1px);box-shadow:inset 0 1px 1px #ffffffeb,0 12px 36px #0f172a14,0 0 0 4px #d8bb7a1f}.clear-icon-base:hover:after{animation:.65s ease-out clear-icon-bling}.clear-icon--gold{color:var(--66-gold-dark)}.clear-icon--ai{color:var(--66-ai-purple)}.clear-icon--muted{color:var(--66-text-muted)}.dynamic-orb{background:radial-gradient(circle at 35% 28%,#fffffffa,#0000 18%),radial-gradient(circle at 66% 64%,#7b61ff6b,#0000 28%),radial-gradient(circle at 35% 70%,#d8bb7a80,#0000 26%),#ffffff8a;border:1px solid #ffffffd6;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px 1px #ffffffe6,0 18px 54px #7b61ff29}.dynamic-orb:before,.dynamic-orb:after{content:"";border-radius:inherit;position:absolute}.dynamic-orb:before{background:radial-gradient(circle,#ffffff94,#0000 64%);inset:18%}.dynamic-orb:after{border:1px solid #7b61ff29;inset:-8%}.dynamic-orb--sm{width:34px;height:34px}.dynamic-orb--md{width:54px;height:54px}.dynamic-orb--lg{width:82px;height:82px}.dynamic-orb--idle{opacity:.82}.dynamic-orb--thinking{animation:2.8s ease-in-out infinite dynamic-orb-breathe}.dynamic-orb--thinking:after{border-color:#b8893d85 #7b61ff3d #7b61ff3d;animation:4.8s linear infinite dynamic-orb-spin}.dynamic-orb--ready{box-shadow:inset 0 1px 1px #ffffffe6,0 18px 56px #7b61ff2e,0 12px 38px #b8893d2e}.dynamic-orb--error{background:radial-gradient(circle at 35% 28%,#fffffff5,#0000 18%),radial-gradient(circle at 64% 62%,#cb783673,#0000 30%),#ffffff8a;box-shadow:inset 0 1px 1px #ffffffe6,0 16px 48px #cb783629}.dashboard-pattern{gap:16px;display:grid}.dashboard-pattern__grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}.dashboard-pattern__metric{border:1px solid var(--66-border);border-radius:var(--66-radius-sm);background:linear-gradient(135deg,#ffffff9e,#ffffff42),repeating-linear-gradient(90deg,#11131809 0 1px,#0000 1px 18px);min-height:96px;padding:16px;position:relative;overflow:hidden}.dashboard-pattern__metric:after{content:"";background:linear-gradient(90deg,#0000,#b8893dad);width:48px;height:1px;position:absolute;bottom:12px;right:14px}.status-flow-blocks{gap:10px;display:grid}.status-flow-blocks__step{border:1px solid var(--66-border);border-radius:var(--66-radius-sm);background:#ffffff75;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.status-flow-blocks__dot{background:var(--66-text-muted);border-radius:999px;width:10px;height:10px}.status-flow-blocks__step--active .status-flow-blocks__dot{background:var(--66-ai-purple);box-shadow:0 0 0 5px #7b61ff1f}.status-flow-blocks__step--done .status-flow-blocks__dot{background:var(--66-gold)}.status-flow-blocks__step--blocked .status-flow-blocks__dot{background:#cb7836}.audio-wave{align-items:center;gap:4px;height:44px;padding:0 12px;display:inline-flex}.audio-wave__bar{width:3px;height:calc(var(--bar-height) * 1px);opacity:.78;transform-origin:50%;background:linear-gradient(#7b61ff9e,#b8893dad);border-radius:999px}.audio-wave--active .audio-wave__bar{animation:1.18s ease-in-out infinite audio-wave-pulse;animation-delay:calc(var(--bar-index) * 90ms)}
@keyframes raster-edge-flow{0%{opacity:0;transform:translate(-55%)}30%{opacity:.72}to{opacity:0;transform:translate(55%)}}@keyframes clear-icon-bling{0%{opacity:0;transform:translate(-18px,18px)}48%{opacity:.8}to{opacity:0;transform:translate(18px,-18px)}}@keyframes dynamic-orb-breathe{0%,to{transform:scale(1);box-shadow:inset 0 1px 1px #ffffffe6,0 18px 54px #7b61ff29}50%{transform:scale(1.04);box-shadow:inset 0 1px 1px #fffffff0,0 22px 70px #7b61ff3d}}@keyframes dynamic-orb-spin{to{transform:rotate(1turn)}}@keyframes audio-wave-pulse{0%,to{transform:scaleY(.64)}50%{transform:scaleY(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}