.gnav-item,.gnav-quick,.oc-library-new{text-decoration:none}.gnav-account-wrap,.gnav-product-account{display:none}.gnav-product-error{inset-block-start:var(--space-3);inset-inline:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);text-align:center}.gnav-product-error,.product-auth-restore{position:fixed;z-index:var(--z-toast);padding:var(--space-2) var(--space-3);background:var(--bg-elev)}.product-auth-restore{inset-block-start:var(--space-3);inset-inline-start:50%;display:flex;align-items:center;gap:var(--space-3);max-width:calc(100vw - var(--space-6));border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);box-shadow:var(--elev-2);transform:translateX(-50%)}.product-auth-restore button{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:var(--fw-bold);cursor:pointer}.product-auth-modal{position:relative}.product-auth-close{position:absolute;inset-block-start:calc(-1 * var(--space-3));inset-inline-end:calc(-1 * var(--space-2));z-index:1;display:grid;place-items:center;width:var(--control-hit-size);height:var(--control-hit-size);padding:0;border:0;color:var(--text-dim);font:inherit;cursor:pointer}.product-auth-close,.product-auth-close:before{border-radius:var(--radius-full);background:transparent}.product-auth-close:before{content:"";position:absolute;width:var(--control-icon-visual-size);height:var(--control-icon-visual-size);pointer-events:none;transition:background var(--dur-fast) var(--ease-standard)}.product-auth-close svg{position:relative}.product-auth-close:hover:not(:disabled){color:var(--text)}.product-auth-close:hover:not(:disabled):before{background:var(--surface-hover)}.product-auth-close:focus-visible{outline:none}.product-auth-close:focus-visible:before{outline:calc(var(--space-1) / 2) solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:0}.product-auth-close:disabled{cursor:not-allowed;opacity:.5}.product-auth-intent{margin:0 var(--space-7) var(--space-3) 0;color:var(--accent);font-size:var(--text-sm)}.product-auth-core{display:grid;grid-gap:var(--space-3);gap:var(--space-3);color:var(--text)}.product-auth-core h1,.product-auth-core p{margin-block:0}.product-auth-core h1{-webkit-padding-end:var(--space-7);padding-inline-end:var(--space-7);font-size:var(--text-xl);line-height:var(--lh-heading)}.product-auth-core>p:not(.public-eyebrow):not(.auth-error){color:var(--text-dim)}.product-auth-core .public-eyebrow{color:var(--accent);font-size:var(--text-sm)}.product-auth-core .auth-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:calc(var(--space-1) / 4) solid var(--border);border-radius:var(--radius-full);background:var(--bg-elev);color:var(--text);font:inherit;font-weight:var(--fw-bold);cursor:pointer}.product-auth-core .auth-google:hover:not(:disabled){background:var(--surface-hover)}.product-auth-core .auth-google:focus-visible{outline:calc(var(--space-1) / 2) solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:var(--space-1)}.product-auth-core .auth-google:disabled{cursor:not-allowed;opacity:.55}.product-auth-core .auth-google-mark{flex:0 0 auto;width:var(--space-5);height:var(--space-5)}.product-auth-core .auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-dim);font-size:var(--text-sm)}.product-auth-core .auth-divider:after,.product-auth-core .auth-divider:before{content:"";flex:1 1;height:calc(var(--space-1) / 4);background:var(--border)}.product-auth-core form{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-2)}.product-auth-core .auth-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--text-mid);font-size:var(--text-sm)}.product-auth-core .auth-field input{width:100%;box-sizing:border-box;min-height:var(--touch-target);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font:inherit}.product-auth-core .auth-check{display:flex;min-height:var(--touch-target);align-items:center;gap:var(--space-2);color:var(--text-mid);font-size:var(--text-sm)}.product-auth-core .auth-check input{flex:0 0 var(--space-5);width:var(--space-5);height:var(--space-5);margin:0;accent-color:var(--accent)}.product-auth-core .auth-check span{min-width:0}.product-auth-core .auth-check a{color:var(--accent)}.product-auth-core .auth-consent{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-1)}.product-auth-core .auth-consent .auth-error{margin-top:0}.product-auth-core iframe{display:block;width:100%;border-radius:var(--radius-sm);background:var(--bg-input);color-scheme:dark}.product-auth-core .auth-secondary,.product-auth-core .auth-submit{display:inline-flex;justify-content:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:var(--fw-bold);text-decoration:none;cursor:pointer}.product-auth-core .auth-secondary:disabled,.product-auth-core .auth-submit:disabled{cursor:not-allowed;opacity:.55}.product-auth-core .auth-secondary{background:var(--bg-input);color:var(--text)}:root[data-viewport-size=compact] .gnav.gnav-collapsed .gnav-item-games,:root[data-viewport-size=compact] .gnav.gnav-collapsed .gnav-item-membership,:root[data-viewport-size=compact] .gnav.gnav-collapsed .gnav-item-video{display:none}:root[data-viewport-size=compact] .gnav-account-wrap{position:relative;display:block;min-width:0}:root[data-viewport-size=compact] .gnav-product-account{display:flex}:root[data-viewport-size=compact] .gnav-product-menu{inset-inline-start:auto;inset-inline-end:var(--space-2);bottom:calc(100% + var(--space-2));min-width:calc(var(--touch-target) * 4);max-width:calc(100vw - var(--space-4))}.gnav-product-menu>a,.gnav-product-menu>button{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--text);text-decoration:none}.gnav-product-locale-choices{display:flex;flex-direction:column;-webkit-padding-start:var(--space-4);padding-inline-start:var(--space-4);-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.app-shell>.loading,.app-shell>.oc-library,[data-market-boot]>.oc-market,[data-market-boot]>.product-surface-state{flex:1 1;min-width:0;min-height:0}:root[data-viewport-size=medium] [data-chat-shell]>.sidebar{max-width:33%}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-main{flex-wrap:wrap}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-copy{flex-basis:calc(var(--touch-target) * 2)}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-body{-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);-webkit-padding-start:var(--space-1);padding-inline-start:var(--space-1)}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-body .companion-conversation{flex-wrap:wrap}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-body .companion-conversation-select{flex-basis:100%;-webkit-padding-end:var(--space-2);padding-inline-end:var(--space-2)}:root[data-viewport-size=medium] [data-chat-shell] .companion-card-body .companion-conversation-delete{position:static;-webkit-margin-start:auto;margin-inline-start:auto;opacity:1}:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-empty,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-error,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-filters,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-grid,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-head,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-notice,:root:not([data-viewport-size=compact]) [data-product-layout=gallery]>.oc-library>.oc-library-subtabs{width:var(--page-width);margin-inline:auto}:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-empty,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-error,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-filters,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-grid,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-head,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-notice,:root[data-viewport-size=compact] [data-product-layout=gallery]>.oc-library>.oc-library-subtabs{margin-inline:0}.app-root>.gnav{position:relative;z-index:1}.app-root>[data-product-nav=ready]>.gnav-scroll{display:contents}@media (min-width:641px){.app-root>.gnav{min-height:0;overflow:visible}.app-root>[data-product-nav=ready]>.gnav-scroll{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.app-root>[data-product-nav=ready]>.gnav-scroll::-webkit-scrollbar{display:none}.app-root>[data-product-nav=ready]{position:relative;z-index:var(--z-nav);isolation:isolate}.app-root>[data-product-nav=ready]:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;width:var(--rail-width);-webkit-border-end:1px solid var(--glass-border);border-inline-end:1px solid var(--glass-border);background:var(--surface-sidebar);box-shadow:none;transition:none}.app-root>[data-product-nav=ready] .gnav-item-label{display:block;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;text-overflow:ellipsis;transition:none}.app-root>[data-product-nav=ready]:has(:focus-visible),.app-root>[data-product-nav=ready]:hover,.app-root>[data-product-nav=ready][data-locale-menu-open=true]{overflow:visible;z-index:var(--z-settings-2)}.app-root>[data-product-nav=ready]:has(:focus-visible):before,.app-root>[data-product-nav=ready]:hover:before,.app-root>[data-product-nav=ready][data-locale-menu-open=true]:before{width:calc(var(--rail-width) * 2);box-shadow:var(--elev-3);transition:width var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-bottom,.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-items,.app-root>[data-product-nav=ready]:has(:focus-visible)>.gnav-scroll,.app-root>[data-product-nav=ready]:hover .gnav-bottom,.app-root>[data-product-nav=ready]:hover .gnav-items,.app-root>[data-product-nav=ready]:hover>.gnav-scroll,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-bottom,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-items,.app-root>[data-product-nav=ready][data-locale-menu-open=true]>.gnav-scroll{width:calc(var(--rail-width) * 2 - var(--space-4))}.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-item,.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-quick,.app-root>[data-product-nav=ready]:hover .gnav-item,.app-root>[data-product-nav=ready]:hover .gnav-quick,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-item,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-quick{width:100%;margin-inline:0;padding-inline:var(--space-3);justify-content:flex-start;gap:var(--space-3);border-radius:var(--radius-md);transform:none}.app-root>[data-product-nav=ready].gnav.gnav-collapsed:has(:focus-visible) .gnav-item:before,.app-root>[data-product-nav=ready].gnav.gnav-collapsed:has(:focus-visible) .gnav-quick:before,.app-root>[data-product-nav=ready].gnav.gnav-collapsed:hover .gnav-item:before,.app-root>[data-product-nav=ready].gnav.gnav-collapsed:hover .gnav-quick:before,.app-root>[data-product-nav=ready].gnav.gnav-collapsed[data-locale-menu-open=true] .gnav-item:before,.app-root>[data-product-nav=ready].gnav.gnav-collapsed[data-locale-menu-open=true] .gnav-quick:before{inset:0;border-radius:var(--radius-md)}.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-item-label,.app-root>[data-product-nav=ready]:hover .gnav-item-label,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-item-label{max-width:var(--rail-width);opacity:1;transition:max-width var(--dur-base) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.app-root>[data-product-nav=ready]:has(:focus-visible) .gnav-locale-wrap,.app-root>[data-product-nav=ready]:hover .gnav-locale-wrap,.app-root>[data-product-nav=ready][data-locale-menu-open=true] .gnav-locale-wrap{width:100%}.app-root>[data-product-nav=ready].gnav-tour-glow{z-index:calc(var(--z-modal) + 5)}.gnav-locale-menu-backdrop{z-index:var(--z-settings)}:root:not([data-viewport-size=compact]) .gnav-menu.gnav-locale-menu-anchored{position:fixed;z-index:var(--z-settings-2);inset:auto;min-width:calc(var(--space-8) * 4 + var(--space-6));max-width:calc(100vw / var(--ui-scale) - var(--space-4));max-height:calc(100vh / var(--ui-scale) - var(--space-4));overflow-y:auto}:root:not([data-viewport-size=compact]) .gnav-locale-menu-anchored button{display:flex;min-height:var(--touch-target);align-items:center;justify-content:space-between;gap:var(--space-3)}:root:not([data-viewport-size=compact]) .gnav-locale-menu-anchored .gnav-menu-on:after{width:var(--space-2);height:var(--space-2);flex:0 0 auto;border-radius:var(--radius-full);background:var(--accent);content:""}}[data-market-detail=open],[data-market-detail=unavailable]{flex-direction:column}.market-deep-link-notice{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-elev)}.market-deep-link-notice>span{flex:1 1}.top-up-surface,[data-market-detail=open]>.oc-detail-page{flex:1 1;min-width:0;min-height:0}.top-up-surface{overflow-y:auto;padding:var(--space-7) var(--space-6) var(--space-8);color:var(--text)}.app-root>[data-game-kind][data-game-boot=ready]{flex:1 1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.games-closed-surface{min-width:0;min-height:100%;padding:var(--space-7) var(--space-5);display:grid;place-items:center}.games-closed-heading{margin:0;color:var(--text);font-size:var(--text-xl);line-height:var(--lh-heading)}.top-up-surface>*{width:min(100%,calc(var(--space-8) * 26));margin-inline:auto}.top-up-plans h3,.top-up-plans p,.top-up-surface header h1,.top-up-surface header p{margin-block:0}.top-up-guest,.top-up-surface header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.top-up-balance small,.top-up-claim-status p,.top-up-plans small,.top-up-surface header p{color:var(--text-dim)}.top-up-surface .page-eyebrow{color:var(--accent);font-size:var(--text-sm)}.account-tabs,.top-up-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-5)}.account-tabs a,.top-up-actions a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--text-mid);text-decoration:none}.account-tabs a[aria-current=page],.top-up-primary-link{background:var(--accent);color:var(--on-accent)}.top-up-balance,.top-up-claim,.top-up-plans article{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input)}.top-up-balance{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-7)}.top-up-balance strong{font-size:var(--text-2xl)}.top-up-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.top-up-plans article{display:grid;align-content:start;grid-gap:var(--space-3);gap:var(--space-3)}.top-up-claim button,.top-up-plans button{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:var(--fw-bold);cursor:pointer}.top-up-claim button:disabled,.top-up-plans button:disabled{opacity:.55;cursor:not-allowed}.top-up-claim{margin-top:var(--space-7)}.top-up-claim-status{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-active)}.top-up-claim-status p{margin-bottom:0}.top-up-claim .account-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-5)}.top-up-claim .account-form label{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.top-up-claim textarea{width:100%;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit;resize:vertical}.account-error{color:var(--danger-ink)}.account-surface,.public-boundary{flex:1 1;min-width:0;min-height:0;box-sizing:border-box;overflow-y:auto;padding:var(--space-7) var(--space-6) var(--space-8);color:var(--text)}.account-surface{width:min(100%,52rem);margin-inline:auto}.account-surface header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.account-surface header h1,.account-surface header p{margin-block:0}.account-surface header p{color:var(--text-dim)}.account-surface .page-eyebrow{color:var(--accent);font-size:var(--text-sm)}.account-surface .account-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.account-surface .account-form label{display:grid;grid-gap:var(--space-2);gap:var(--space-2);font-weight:var(--fw-medium)}.account-surface .account-form input,.account-surface .account-form textarea{width:100%;box-sizing:border-box;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text);font:inherit}.account-surface .account-form textarea{resize:vertical}.account-surface .account-form button,.public-boundary .hero-cta{justify-self:start;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:var(--fw-bold);text-decoration:none;cursor:pointer}.account-surface .account-form button:disabled{opacity:.55;cursor:not-allowed}.public-boundary{display:grid;align-content:center;justify-items:center;grid-gap:var(--space-3);gap:var(--space-3);text-align:center}.public-boundary>*{width:min(100%,38rem);margin-block:0}.public-boundary .hero-cta{width:auto}:root[data-viewport-size=compact] .top-up-surface{padding:var(--space-5) var(--mobile-page-gutter) calc(var(--space-8) + var(--mobile-safe-bottom))}:root[data-viewport-size=compact] .top-up-plans{grid-template-columns:minmax(0,1fr)}:root[data-viewport-size=compact] .account-surface,:root[data-viewport-size=compact] .public-boundary{padding:var(--space-5) var(--mobile-page-gutter) calc(var(--space-8) + var(--mobile-safe-bottom))}[data-product-layout=gallery]>.oc-library>.oc-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-8) * 4),1fr));grid-gap:var(--space-3);gap:var(--space-3);border-top:0}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card{display:flex;flex-direction:column;gap:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev,var(--bg));box-shadow:var(--elev-1)}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card:hover{background:var(--bg-elev,var(--bg));box-shadow:var(--elev-2)}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card>.oc-card-face{width:100%;height:auto;aspect-ratio:1/1;border-radius:0;flex:none}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card>.oc-card-pin{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);z-index:1;background:color-mix(in srgb,var(--text) 45%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-accent);opacity:1}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card>.oc-card-main{width:100%;align-self:stretch;gap:var(--space-1);padding:var(--space-2) var(--space-2) 0;flex:1 1}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card>.oc-card-main .oc-card-name{font-size:var(--text-sm);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card>.oc-card-actions{width:100%;align-self:stretch;gap:var(--space-1);padding:var(--space-2)}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-chat,[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-del,[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-edit{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs,.75rem);white-space:nowrap}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-chat{flex:1 1 auto;min-width:0}[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-del,[data-product-layout=gallery]>.oc-library>.oc-library-grid>.oc-card .oc-card-edit{flex:0 0 auto}:root:not([data-viewport-size=compact]) .app-main[data-product-layout=workspace]>.manage-page>*{width:min(100%,var(--content-wide));margin-inline:auto}:root[data-viewport-size=compact] .app-main[data-product-layout=workspace]>.manage-page>*{width:min(100%,var(--feed-width));margin-inline:0}.app-main[data-product-layout=workspace]>.manage-page>.manage-album,.app-main[data-product-layout=workspace]>.manage-page>.manage-persona,.app-main[data-product-layout=workspace]>.manage-page>.manage-workbench{padding:var(--space-7);border:1px solid var(--glass-border);border-radius:calc(var(--radius-lg) + var(--space-2))}:root:not([data-viewport-size=compact]) .app-shell .oc-editor-page-body,:root:not([data-viewport-size=compact]) .app-shell .oc-editor-page-foot,:root:not([data-viewport-size=compact]) .app-shell .oc-editor-page-head{padding-inline:var(--space-6)}:root:not([data-viewport-size=compact]) .app-shell .oc-editor-page-body{padding-block:var(--space-6)}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity]{flex-direction:column;align-items:center;overflow-y:auto;padding:var(--page-padding-top) var(--space-6) var(--page-padding-bottom);box-sizing:border-box}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity]>.notify-view,:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity]>.product-surface-head{width:var(--page-width);max-width:var(--page-width);margin-inline:auto}.product-surface-head h1{margin:0;color:var(--text);font-size:var(--text-2xl);line-height:var(--lh-heading);letter-spacing:-.02em}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity]>.product-surface-head{-webkit-padding-after:var(--space-5);padding-block-end:var(--space-5)}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity]>.notify-view{height:auto;max-width:none;flex:0 0 auto;overflow:visible;padding:0;gap:var(--space-4)}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity] .notify-list{overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-elev) 88%,var(--bg));box-shadow:inset 0 1px 0 var(--glass-highlight),var(--elev-1)}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity] .notify-list li:last-child .notify-item{border-bottom:0}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=activity] .notify-view>.empty-state{width:100%;min-height:calc(var(--space-8) * 5);margin-block:0;box-sizing:border-box;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:radial-gradient(circle at top,var(--ambient-accent),transparent 62%),color-mix(in srgb,var(--bg-elev) 88%,var(--bg));box-shadow:inset 0 1px 0 var(--glass-highlight)}.product-surface-state{min-width:0;min-height:calc(var(--space-8) * 5);flex:1 1;display:grid;align-content:center;justify-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-6);box-sizing:border-box;color:var(--text-dim);text-align:center}.product-surface-state strong{color:var(--text);font-size:var(--text-lg)}.product-surface-state p{max-width:var(--reading-width);margin:0;line-height:var(--lh-body)}.product-surface-state>a.empty-state-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}:root:not([data-viewport-size=compact]) .app-shell[data-product-layout=account]{container-name:product-account;container-type:inline-size}:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=membership]>.subscribe-view,:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=profile] .product-account-body>.profile-view{width:var(--page-width);max-width:var(--page-width);margin-inline:auto}:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=membership] .subscribe-costs,:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=membership] .subscribe-status,:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=membership] .subscribe-topup{max-width:none}:root:not([data-viewport-size=compact]) .app-shell[data-account-surface=membership] .subscribe-topup-member:has(.subscribe-plan-cta[aria-expanded=true]){border-color:var(--accent);box-shadow:var(--elev-2),inset 0 1px 0 var(--glass-highlight)}:root[data-viewport-size=compact]{--product-web-safe-top:0}@media (display-mode:standalone){:root[data-viewport-size=compact]{--product-web-safe-top:var(--mobile-safe-top)}}.gnav-product-menu-head{display:none}@media (max-width:640px){:root[data-viewport-size=compact] .gnav-account-wrap{position:static}:root[data-viewport-size=compact] .gnav-product-menu{position:fixed;top:calc(var(--viewport-offset-top) / var(--ui-scale));bottom:auto;inset-inline-start:auto;inset-inline-end:calc(var(--mobile-safe-right) / var(--ui-scale));display:flex;width:min(calc(var(--touch-target) * 7),calc(var(--viewport-visual-width) / var(--ui-scale) - var(--space-6)));min-width:0;max-width:none;height:calc(var(--viewport-visual-height) / var(--ui-scale));max-height:none;box-sizing:border-box;gap:var(--space-1);padding:calc(var(--product-web-safe-top) + var(--space-3)) var(--space-3) calc(var(--mobile-safe-bottom) / var(--ui-scale) + var(--space-3));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-lg) 0 0 var(--radius-lg);animation:product-account-drawer-in var(--dur-base) var(--ease-standard)}@keyframes product-account-drawer-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}:root[dir=rtl][data-viewport-size=compact] .gnav-product-menu{border-radius:0 var(--radius-lg) var(--radius-lg) 0}:root[data-viewport-size=compact] .gnav-product-menu-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;min-height:var(--touch-target);align-items:center;justify-content:space-between;-webkit-padding-start:var(--space-2);padding-inline-start:var(--space-2);background:var(--glass-2);color:var(--text);font-size:var(--text-md)}:root[data-viewport-size=compact] .gnav-product-menu-close{display:grid;width:var(--control-hit-size);height:var(--control-hit-size);padding:0;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-mid);font-size:var(--text-xl)}:root[data-viewport-size=compact] .gnav-product-menu-close svg{display:block}:root[data-viewport-size=compact] .gnav-product-menu>a,:root[data-viewport-size=compact] .gnav-product-menu>button{flex:0 0 auto;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent}:root[data-viewport-size=compact] .gnav-product-menu>a:hover,:root[data-viewport-size=compact] .gnav-product-menu>button:hover{background:var(--surface-hover)}:root[data-viewport-size=compact] .gnav-product-menu-account{min-height:calc(var(--touch-target) + var(--space-2));margin-bottom:var(--space-1);border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--text);font-weight:var(--fw-bold)}:root[data-viewport-size=compact] .gnav-product-menu-logout{margin-top:auto;color:var(--danger-ink)}:root[data-viewport-size=compact] .app-shell>.oc-market .oc-market-head{padding-top:calc(var(--product-web-safe-top) + var(--space-2))}:root[data-viewport-size=compact] .app-shell>.oc-library{padding-top:calc(var(--product-web-safe-top) + var(--space-3))}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-row-gap:var(--space-1);row-gap:var(--space-1)}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-head .oc-library-title{grid-column:1;grid-row:1;white-space:nowrap}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-head .oc-library-head-actions{display:contents}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-head .oc-library-new{grid-column:2;grid-row:1}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-head .oc-market-search{grid-column:1/-1;grid-row:2;width:100%;min-width:0}:root[data-viewport-size=compact] .app-shell .oc-editor-page-head{min-height:calc(var(--mobile-topbar-height) + var(--product-web-safe-top));padding-top:var(--product-web-safe-top)}:root[data-viewport-size=compact] .app-shell .chat-screen>.chat-header{min-height:calc(var(--mobile-topbar-height) + var(--product-web-safe-top));padding-top:calc(var(--space-1) + var(--product-web-safe-top));padding-bottom:var(--space-1)}:root[data-viewport-size=compact] .app-shell .oc-material-switch{min-height:calc(var(--mobile-topbar-height) + var(--product-web-safe-top));padding-top:var(--product-web-safe-top)}:root[data-viewport-size=compact] .app-shell>.creator-page,:root[data-viewport-size=compact] .app-shell>.notify-view,:root[data-viewport-size=compact] .app-shell>.product-account-body>.profile-view,:root[data-viewport-size=compact] .app-shell>.subscribe-view{padding-top:calc(var(--product-web-safe-top) + var(--space-3))}:root[data-viewport-size=compact] .app-shell[data-product-layout=activity]>.product-surface-head{display:none}:root[data-viewport-size=compact] .ui-modal-body:has(.product-auth-modal){padding:var(--space-4) var(--mobile-page-gutter) var(--space-3)}:root[data-viewport-size=compact] .product-auth-close{inset-block-start:0;inset-inline-end:0}:root[data-viewport-size=compact] .product-auth-core{gap:var(--space-2)}:root[data-viewport-size=compact] .product-auth-core form{gap:var(--space-2);margin-top:var(--space-1)}:root[data-viewport-size=compact] .product-auth-core h1{font-size:var(--text-lg)}:root[data-viewport-size=compact] .product-auth-core .auth-secondary,:root[data-viewport-size=compact] .product-auth-core .auth-submit{box-sizing:border-box;align-items:center;min-height:var(--touch-target);padding-block:0}:root[data-viewport-size=compact] .product-auth-core iframe{width:calc(100% + var(--space-4));max-width:none;margin-inline:calc(-1 * var(--space-2))}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card{min-width:0}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card>.oc-card-main{padding:var(--space-2) var(--space-2) 0}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card>.oc-card-actions{display:contents}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-chat{flex:none;min-width:0;min-height:var(--touch-target);margin:var(--space-2);padding:0 var(--space-2)}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-del,:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-edit{position:absolute;z-index:2;inset-inline-start:var(--space-1);display:grid;width:var(--control-hit-size);min-width:var(--control-hit-size);height:var(--control-hit-size);padding:0;place-items:center;border:0;border-radius:var(--radius-full);isolation:isolate;background:transparent;color:var(--on-accent)}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-pin{width:var(--control-hit-size);min-width:var(--control-hit-size);height:var(--control-hit-size);min-height:var(--control-hit-size);isolation:isolate;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-del:before,:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-edit:before,:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-pin:before{content:"";position:absolute;z-index:-1;inset:50% auto auto 50%;width:var(--control-icon-visual-size);height:var(--control-icon-visual-size);transform:translate(-50%,-50%);border-radius:var(--radius-full);background:color-mix(in srgb,var(--text) 48%,transparent);-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2))}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-edit{top:var(--space-1)}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-del{top:calc(var(--control-hit-size) + var(--space-1))}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-action-icon{display:inline-flex}:root[data-viewport-size=compact] .app-shell>.oc-library>.oc-library-grid>.oc-card .oc-card-action-label{display:none}}@media (max-width:640px) and (prefers-reduced-motion:reduce){:root[data-viewport-size=compact] .gnav-product-menu{animation:none}}.product-account-nav{display:none}:root:not([data-viewport-size=compact]) .product-account-nav{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);width:calc(var(--space-8) * 3.5);padding:var(--space-6) var(--space-3);-webkit-border-end:1px solid var(--glass-border);border-inline-end:1px solid var(--glass-border)}:root:not([data-viewport-size=compact]) .product-account-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-mid);font-size:var(--text-sm);text-decoration:none}:root:not([data-viewport-size=compact]) .product-account-nav a:hover{background:var(--surface-hover);color:var(--text)}:root:not([data-viewport-size=compact]) .product-account-nav .product-account-nav-on,:root:not([data-viewport-size=compact]) .product-account-nav .product-account-nav-on:hover{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-weight:var(--fw-bold)}.product-account-body{position:relative;display:flex;flex:1 1;min-width:0;min-height:0}:root:not([data-viewport-size=compact]) .product-account-body>.settings-page{position:relative;inset:auto;flex:1 1;min-width:0}:root:not([data-viewport-size=compact]) .app-shell[data-account-nav] .profile-links,:root:not([data-viewport-size=compact]) .app-shell[data-account-nav] .settings-crumb-back{display:none}