.web-app-shell{--web-ink:#17142d;--web-accent:#7437fa;background:#faf9fd}.web-rail{background:#100d29;border:0;color:#d0cbe8}.web-rail a{color:#c9c4e0}.web-rail a:hover{background:#ffffff12;color:#fff}.web-rail a[aria-current=page]{background:#6951b055;color:#fff}.web-desktop-header{position:relative;z-index:45;height:80px;display:none;align-items:center;padding:0 28px;gap:20px;color:white;background:#120d30 url(/branding/library-universe-v1.webp) right 35%/cover no-repeat}.web-desktop-title{font-size:26px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.web-header-search{position:absolute;left:50%;transform:translateX(-50%);width:min(44%,620px)}.web-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.web-account{position:relative;flex-shrink:0}.web-account-trigger{min-height:44px;display:flex;align-items:center;gap:8px;color:inherit}.web-account-trigger>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#7134f4;color:#fff;font-size:14px;font-weight:700}.web-account-options{position:absolute;right:0;top:calc(100% + 10px);width:240px;padding:8px;border:1px solid #e8e3f1;border-radius:16px;background:white;box-shadow:0 14px 40px #150e3522;color:var(--web-ink)}.web-account-options p{padding:8px 12px;font-size:12px;color:#786e8b;overflow-wrap:anywhere}.web-account-options a,.web-account-options button{display:flex;gap:12px;align-items:center;width:100%;padding:12px;font-size:14px;border-radius:10px;text-align:left}.web-account-options a:hover,.web-account-options button:hover{background:#f5f1fc}.web-account-options .web-account-signout{color:#cf3451;margin-top:6px;border-top:1px solid #eee9f3}.web-account-options small{display:block;padding:8px 12px;color:#a82240}.web-app-shell a:focus-visible,.web-app-shell button:focus-visible{outline:2px solid #a780ff;outline-offset:3px}.web-collection-page{width:100%;max-width:none;margin:0 auto;padding:0 0 28px}.web-collection-content{padding:16px}.web-collection-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.web-feed-toolbar{display:flex;align-items:center;gap:10px;margin:0 0 18px}.web-feed-toolbar>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:24px;color:#6c647f;font-size:14px;font-weight:600}.web-feed-toolbar>button[aria-pressed=true]{background:#eee7ff;color:#7134ef}.web-feed-toolbar>button:last-child{margin-left:auto;border:1px solid #e4ddef;border-radius:13px}.web-feed-tab-surface{display:inline-flex;align-items:center;justify-content:center;gap:8px}.web-filter-panel{margin-bottom:20px;padding:18px;border:1px solid #e6e0f0;border-radius:18px;background:#fff}.web-filter-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.web-filter-topics button{min-height:40px;border:1px solid #e5def0;padding:7px 13px;border-radius:22px;font-size:13px}.web-filter-topics button[aria-pressed=true]{background:#eee7ff;border-color:#a17afa;color:#6424d6}.web-app-shell .library-context-page{max-width:none;padding-top:0}@media(min-width:640px){.web-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-collection-content{padding:20px 24px}}@media(min-width:1024px){.web-desktop-header{display:flex}.web-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-collection-content{padding:24px}.web-app-shell .library-context-page{background:#faf9fd}.web-app-shell .library-context-surface{border-radius:0;margin-top:0;padding:20px 24px 40px;background:#faf9fd}}@media(min-width:1440px){.web-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1920px){.web-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px){.web-mobile-overlay{position:absolute;top:24px;right:14px;left:auto;height:44px;background:transparent;color:white}.web-mobile-overlay .web-account-trigger>svg,.web-mobile-overlay>span{display:none}}@media(prefers-reduced-motion:reduce){.web-app-shell *{scroll-behavior:auto!important}}.web-mobile-dock{display:none}@media(max-width:1023px){.web-mobile-dock{position:relative;display:block;flex-shrink:0;z-index:50;width:100%;padding-bottom:max(env(safe-area-inset-bottom),8px);background:white;border-top:1px solid #eceaf3}.web-mobile-dock-bar,.web-mobile-dock-item{display:flex;align-items:center;min-height:64px}.web-mobile-dock-item{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:5px;color:#77738d}.web-mobile-dock-item>svg{flex-shrink:0;width:26px;height:26px}.web-mobile-dock-item>span{font-size:10px;line-height:14px;font-weight:600;color:#9294a4}.web-mobile-dock-item[aria-current=page]>span{color:#6d28d9}.web-mobile-dock-indicator{width:22px;height:2px;border-radius:2px}.web-mobile-dock-item[aria-current=page] .web-mobile-dock-indicator{background:linear-gradient(90deg,#b47aff,#6727ff)}.web-mobile-dock-cradle{width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:-19px;padding:4px;background:white;border-radius:30px}.web-mobile-dock-capture{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:24px;color:white;background:linear-gradient(135deg,#aa67ff,#6530ff)}.web-liquid-capture{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;overflow:hidden;border:1px solid #b99bff;background:radial-gradient(ellipse at 30% 20%,#aa5cff,#24105b 65%);box-shadow:0 2px 7px #a73cff4d}.web-liquid-capture>canvas{position:absolute;inset:0;width:100%;height:100%}.web-liquid-capture>svg{position:relative}.web-mobile-dock-capture:active .web-liquid-capture{transform:scale(.94)}.web-native-hero-shell .web-mobile-overlay{top:calc(26px + env(safe-area-inset-top));right:18px;padding:0}.web-native-hero-shell .web-mobile-overlay button{color:white}.web-native-hero-shell .web-mobile-overlay button>svg{width:23px;height:23px}.web-native-folder-shell .web-mobile-overlay{top:calc(8px + env(safe-area-inset-top));right:10px}.web-explore-page{background:white}.web-explore-page .web-collection-content{position:relative;margin-top:-20px;padding:6px 16px 24px;border-radius:22px 22px 0 0;background:white}.web-explore-page .web-collection-grid{gap:14px}.web-explore-page .web-feed-toolbar{gap:4px;min-height:48px;margin-bottom:10px}.web-explore-page .web-feed-toolbar>button{position:relative;flex:1;min-width:44px;min-height:48px;padding:0;gap:6px;border:0;border-radius:20px;font-size:12px;background:transparent}.web-explore-page .web-feed-toolbar>button[aria-pressed=true]{flex:3.4}.web-explore-page .web-feed-tab-surface{min-height:36px;max-width:100%;gap:6px;padding:0 10px;border-radius:20px;color:#241d42}.web-explore-page .web-feed-toolbar>button[aria-pressed=true] .web-feed-tab-surface{background:#f0eaff;color:#7134ef}.web-explore-page .web-feed-toolbar>button:not([aria-pressed=true]) .web-feed-tab-label,.web-explore-page .web-feed-toolbar>button:not([aria-pressed=true])>span:not([class]){display:none}.web-explore-page .web-feed-toolbar>button svg{width:21px;height:21px;flex-shrink:0}.web-explore-page .web-feed-toolbar>button:last-child{margin-left:0}}