/* Material shells. All liquid lighting and refraction lives in glass.js. */
:root{color-scheme:light dark}
body [data-glass-surface]{isolation:isolate;border:0!important;box-shadow:0 7px 24px #121c2c14,inset 0 1px 0 rgb(255 255 255 / var(--glass-top-light,0)),inset 0 -1px 0 rgb(0 0 0 / var(--glass-bottom-shade,0))!important;background:rgb(var(--material-base,255 255 255) / var(--glass-veil,.2))!important;backdrop-filter:blur(var(--glass-blur,14px))!important;-webkit-backdrop-filter:blur(var(--glass-blur,14px))!important}
body [data-glass-surface]::before,body [data-glass-surface]::after{display:none!important}
body [data-glass-surface=frosted]{background:rgb(var(--material-base,255 255 255) / var(--glass-veil,.3))!important}
body :is(.home-hub .record,.home-notes .record,.home-extension,.conversation-row)[data-glass-surface]{position:relative}
body .mode-menu[data-glass-surface]{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:174px;padding:5px;border-radius:20px}
body .mode-menu button{min-height:44px;padding:7px 10px;gap:10px;font-size:14px;border-radius:15px}
body .mode-menu button svg{width:19px;height:19px}
body .mode-menu small{font-size:10px;margin-top:1px}
body .mode-menu button[aria-checked=true]{background:#585e6810}
body .mode-switch[data-glass-surface]{position:relative;padding:7px 12px;min-width:96px;font-size:19px;border-radius:20px}
body .conversation-tools{height:46px;min-height:46px;flex:none}
body .work-model-sheet .model-setting-group{background:#ffffff16;border:0;padding:0 9px}
body .work-model-sheet .model-setting-group label{min-height:40px;font-size:13px}
body .work-model-sheet .model-setting-group select{padding:6px 0}
body #modal.work-model-sheet{padding:14px;width:min(320px,calc(100% - 40px))}
body #modal.appearance-dialog{position:fixed;inset:max(16px,env(safe-area-inset-top)) 0 auto;margin:0 auto;width:min(480px,calc(100% - 28px));max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);padding:19px 18px;border-radius:28px;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable}
#modal.appearance-dialog::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.appearance-dialog .modal-head{margin-bottom:16px}
.appearance-dialog .modal-head .eyebrow{display:none}
.appearance-dialog .modal-head h2{font-size:22px}
.appearance-dialog .links-list{background:transparent;border:0}
.appearance-dialog .list-row{min-height:54px;padding:12px;background:#ffffff0d;border-bottom:1px solid #656b7614}
.appearance-dialog .list-row small{margin-top:3px}
body #bubble-preview{height:320px;min-height:320px;max-height:320px;flex:none;contain:size layout;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;justify-content:flex-start}
#bubble-preview .message{flex:none}
#bubble-form input[type=range],#glass-form input[type=range]{touch-action:none}
.appearance-dialog .field{margin:13px 0}
.appearance-dialog .field input{margin-top:7px}
.material-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.material-choices button{min-width:0;padding:10px 4px;font-size:13px;background:#ffffff18;border:1px solid #73798218;border-radius:16px}
.material-choices button small{display:block;font-size:10px;margin-top:5px}
.material-choices button[aria-pressed=true]{background:#ffffff48;border-color:#666d7740}
.glass-live-preview{height:180px;min-height:180px;max-height:180px;contain:layout;isolation:isolate;background-size:cover}
body #toast{position:fixed;inset:auto 16px max(92px,env(safe-area-inset-bottom)) auto;margin:0;max-width:calc(100vw - 32px);width:max-content;min-height:40px;padding:11px 18px;border:0;border-radius:22px;color:#34333b;z-index:2147483647;background:#ffffff54;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 7px 24px #20253018;pointer-events:none;transform:translateY(6px);opacity:0}
body #toast.show{opacity:1;transform:translateY(0)}
#toast::backdrop{background:transparent;pointer-events:none}
body .bottom-nav{touch-action:none;user-select:none;-webkit-user-select:none}
body .bottom-nav .tab,body .bottom-nav .tab.active{border:0!important;box-shadow:none!important}

/* Edge strips are clipped twice: by their own bounds and the card's rounded shell. */
:root{--rim-width:28px;--rim-scale-wide:1.6;--rim-scale-middle:2.5;--rim-scale-narrow:4;--rim-color-alpha:.055}
#app:before{background-image:var(--bg,var(--theme-background,none))}
.chat-conversation-page:before{background-image:var(--bg,var(--chat-wallpaper,none))}
body .message-tools[data-glass-surface]{position:relative}
body .learning-liquid{isolation:isolate;overflow:hidden;border:0!important;background:rgb(var(--material-base,255 255 255) / var(--optics-backdrop-veil,0))!important;backdrop-filter:blur(var(--optics-backdrop-blur,0px)) saturate(var(--glass-saturation,1.6))!important;-webkit-backdrop-filter:blur(var(--optics-backdrop-blur,0px)) saturate(var(--glass-saturation,1.6))!important;box-shadow:0 7px 24px #121c2c14,inset 0 1px 0 rgb(255 255 255 / var(--rim-highlight,.2)),inset 1px 0 0 rgb(115 235 245 / var(--rim-color-alpha)),inset -1px 0 0 rgb(245 155 210 / var(--rim-color-alpha))!important}
body .learning-liquid>.edge-optics{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.edge-strip{position:absolute;overflow:hidden;pointer-events:none;opacity:var(--rim-strength,.55);--w:var(--rim-width);--s:var(--rim-scale-wide)}
.edge-layer-2{--w:calc(var(--rim-width) * .7);--s:var(--rim-scale-middle)}
.edge-layer-1{--w:calc(var(--rim-width) * .4);--s:var(--rim-scale-narrow)}
.edge-top,.edge-bottom{left:0;right:0;height:min(var(--w),25%)}
.edge-left,.edge-right{top:0;bottom:0;width:min(var(--w),25%)}
.edge-top{top:0;--fade:to bottom}.edge-bottom{bottom:0;--fade:to top}.edge-left{left:0;--fade:to right}.edge-right{right:0;--fade:to left}
.edge-strip{mask-image:linear-gradient(var(--fade),#000 0%,#000c 25%,#0004 65%,transparent 100%);-webkit-mask-image:linear-gradient(var(--fade),#000 0%,#000c 25%,#0004 65%,transparent 100%)}
.edge-lens{position:absolute;width:var(--scene-width);height:var(--scene-height);background-image:var(--bg);background-size:var(--scene-size,cover);background-position:var(--scene-position,center);background-repeat:no-repeat;transform-origin:var(--ox) var(--oy);pointer-events:none}
.edge-top .edge-lens,.edge-bottom .edge-lens{transform:scaleY(calc(1 + (var(--s) - 1) * var(--rim-strength,.55)))}
.edge-left .edge-lens,.edge-right .edge-lens{transform:scaleX(calc(1 + (var(--s) - 1) * var(--rim-strength,.55)))}

body [data-glass-surface=liquid]~.nav-blur{display:none}
html[data-glass-texture=liquid] :is(.nav-blur,.composer-blur){display:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body [data-glass-surface]{background:var(--surface,#f7f7f5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.liquid-optics{display:none!important}}

body #glass-preview{overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
body #glass-preview .preview-underlay{transform:none;pointer-events:none}