@use "./styles/tokens.scss";@use "./styles/base.scss";@use "./styles/components.scss";:root{--app-viewport-height: 100vh}@supports (height: -webkit-fill-available){:root{--app-viewport-height: -webkit-fill-available}}@supports (height: 100svh){:root{--app-viewport-height: 100svh}}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}#app{width:100%;height:var(--app-viewport-height);min-height:var(--app-viewport-height);margin:0;padding:0;font-weight:400;position:relative;overflow:hidden}html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden}.logo{display:none}.sio-interface{width:100%;height:var(--app-viewport-height);min-height:var(--app-viewport-height);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--gradient-primary);overflow:hidden}.quick-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);opacity:0;animation:slideInUp .3s ease-out forwards}.quick-action-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-glass);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;transition:var(--transition-all);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.quick-action-btn:hover{background:var(--surface-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-white)}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn svg{width:20px;height:20px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-button{position:absolute;top:var(--space-6);right:var(--space-6);width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-glass);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;transition:var(--transition-all);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-fixed)}.settings-button:hover{background:var(--surface-glass-hover);transform:rotate(90deg);color:var(--color-primary-light)}.settings-button svg{width:20px;height:20px}@media (max-width: 768px){.settings-button{top:var(--space-4);right:var(--space-4);width:40px;height:40px}.settings-button svg{width:18px;height:18px}.quick-action-btn{width:40px;height:40px}.quick-action-btn svg{width:18px;height:18px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn var(--duration-300) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-300) var(--ease-out) forwards}.animate-slide-in{animation:slideIn var(--duration-300) var(--ease-out) forwards}.animate-slide-out{animation:slideOut var(--duration-300) var(--ease-out) forwards}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#sio-app{width:100%;height:var(--app-viewport-height, 100vh);min-height:var(--app-viewport-height, 100vh);position:relative;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}