:root{--as-bar-h: 48px;--as-bar-bg: rgba(12, 12, 16, .92);--as-bg: rgba(12, 12, 16, .96);--as-fg: #f0f0f3;--as-fg-dim: #9b9ba3;--as-accent: #ffd400;--as-border: rgba(255, 255, 255, .08);--as-hover: rgba(255, 255, 255, .06);--as-drawer-w: 340px;--as-shadow: 0 6px 24px rgba(0, 0, 0, .45);--as-radius: 8px}.as-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;width:100dvw;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.as-bar{height:var(--as-bar-h);flex-shrink:0;background:var(--as-bar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--as-border);display:flex;align-items:center;padding:0 8px;gap:8px;position:relative;z-index:50}.as-bar-btn{width:40px;height:40px;border-radius:6px;border:none;background:transparent;color:var(--as-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.as-bar-btn:hover{background:var(--as-hover)}.as-bar-btn:focus-visible{outline:2px solid var(--as-accent);outline-offset:2px}.as-bar-btn-dim{opacity:.4}.as-bar-title{flex:1;display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;height:100%;padding:0 4px;border-radius:6px;background:transparent;border:none;color:var(--as-fg);text-align:left}.as-bar-title:hover{background:var(--as-hover)}.as-bar-title-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-bar-title-formula{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--as-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-content{flex:1;min-height:0;position:relative;overflow:hidden}.as-content-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.as-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s ease}.as-scrim.as-open{opacity:1;pointer-events:auto}.as-drawer{position:fixed;top:0;left:0;bottom:0;width:var(--as-drawer-w);max-width:92vw;background:var(--as-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--as-border);box-shadow:var(--as-shadow);z-index:100;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .22s ease}.as-drawer.as-open{transform:translate(0)}.as-drawer-header{display:flex;align-items:center;padding:8px;gap:4px;border-bottom:1px solid var(--as-border);height:var(--as-bar-h);flex-shrink:0}.as-drawer-header h2{flex:1;margin:0;font-size:15px;font-weight:600;padding-left:8px}.as-tabs{display:flex;border-bottom:1px solid var(--as-border);flex-shrink:0}.as-tab{flex:1;padding:12px 8px;background:transparent;border:none;color:var(--as-fg-dim);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.as-tab:hover{color:var(--as-fg)}.as-tab.as-active{color:var(--as-fg);border-bottom-color:var(--as-accent)}.as-tab.as-empty-tab{opacity:.4}.as-tab-body{flex:1;overflow-y:auto;padding:4px 0}.as-app-list{display:flex;flex-direction:column}.as-app-item{display:flex;align-items:center;gap:10px;padding:14px 18px;background:transparent;border:none;color:var(--as-fg);cursor:pointer;font-size:15px;text-align:left;border-bottom:1px solid var(--as-border)}.as-app-item:hover{background:var(--as-hover)}.as-app-item-icon{font-size:18px;width:24px;flex-shrink:0;text-align:center}.as-app-item-name{flex:1}.as-app-item.as-active{background:#ffd4001a;border-left:3px solid var(--as-accent);padding-left:15px}.as-app-item.as-active .as-app-item-name{font-weight:700}.as-empty{padding:28px 18px;color:var(--as-fg-dim);font-size:13px;text-align:center;line-height:1.5}.as-tab-body .cp-section{border-bottom:1px solid var(--as-border)}.as-tab-body .cp-section:last-child{border-bottom:none}